Deploy to Vercel

0. Import the project from Vercel.

1. Vercel will detect Astro automatically. Confirm or set the following values:

   • Build command: astro build or npm run build
   • Output directory: dist

2. If you use the admin panel or analytics, add the required .env variables to the project settings.

3. Trigger the deployment.

Once configured, any change pushed to your production branch will trigger a new preview and deployment.

See the Vercel docs for details

Deploy to Netlify

0. Open the Netlify dashboard and click Add a new site → Import an existing project.

1. Netlify auto-detects Astro. Confirm or set:

   • Build command: astro build or npm run build
   • Output directory: dist

2. Add any .env values required for the admin panel or analytics features.

3. Start the deployment.

Future commits to your production branch will automatically trigger builds and deployments.

See the Netlify guide

Deploy to Cloudflare Pages

0. In Cloudflare, go to Workers and Pages → Create application → choose Pages → Import an existing Git repository.

1. Cloudflare will detect Astro automatically. Confirm or set:

   • Build command: astro build or npm run build
   • Output directory: dist

2. Define the necessary .env environment variables if you rely on the admin panel or analytics.

3. Start the deployment.

Cloudflare Pages will build and deploy each time you push a change to the production branch.

See the Cloudflare Pages docs

Deploy to Your Own Server

1. Build the project:

   npm run build

2. Compress the generated dist directory, upload it to your server, and configure a static site host such as Nginx or Apache to serve the files.