Convert custom CSS styling to Tailwind utility classes across marketing and about pages. Improve responsive layouts in feature grids, service lists, and sliders. Consolidate section headers using the shared SectionHeader component to maintain visual consistency.
Frontend (Astro)
This package hosts the Astro application for enchun.tw. This is a simple SSG website using Cloudflare Pages.
Development
Choose the appropriate development command based on your needs:
# Standard Astro development (uses .env.local)
pnpm dev
# Cloudflare Pages development (uses dev.vars, simulates production environment)
pnpm dev:pages
Environment Configuration
The application uses Cloudflare Pages with Wrangler for deployment and environment management.
Local Development
- Astro dev (
pnpm dev): Uses.env.localfile (variables must be prefixed withPUBLIC_for client-side access) - Pages dev (
pnpm dev:pages): Usesdev.varsfile, simulates Cloudflare Pages environment - API URL:
https://enchun-admin.anlstudio.cc
Production
- Uses
wrangler.tomlconfiguration - API URL:
https://enchun-admin.anlstudio.cc
Environment Variables
PUBLIC_PAYLOAD_CMS_URL: Base URL for the Payload CMS API (client-side accessible)PAYLOAD_CMS_API_KEY: API key for Payload CMS authentication (set via Cloudflare dashboard)
Note: Environment variables that need to be accessed in browser/client-side code must be prefixed with PUBLIC_ in Astro.