Docs / Hosting

Hosting

Learn how to deploy your template to Vercel, Netlify, or Cloudflare Pages.

Every template — Next.js and Astro — has been tested and verified on the three platforms below. Pick the one that fits your workflow.

Prerequisites

Before deploying, ensure you have:

  1. A GitHub account
  2. An account on your chosen hosting provider
  3. Your project pushed to a GitHub repository
  4. All environment variables set up locally

Next.js

Vercel

Vercel is built by the creators of Next.js and offers the most streamlined deployment experience.

  1. Go to vercel.com/new
  2. Import your GitHub repository
  3. Configure your project:
    • Framework Preset: Next.js
    • Root Directory: ./
    • Build Command: next build
    • Output Directory: .next
  4. Add your environment variables
  5. Click Deploy

Netlify

  1. Go to app.netlify.com/start
  2. Connect your GitHub repository
  3. Configure your project:
    • Build Command: next build
    • Publish Directory: .next
  4. Add your environment variables
  5. Click Deploy site

Netlify automatically detects Next.js projects and applies the correct build plugin.

Cloudflare Pages

  1. Go to dash.cloudflare.com → Workers & Pages → Create application → Pages
  2. Connect your GitHub repository
  3. Configure your project:
    • Framework Preset: Next.js (Static)
    • Build Command: next build
    • Build output directory: .next
  4. Add your environment variables
  5. Click Save and Deploy

For full server-side rendering on Cloudflare, use the @opennextjs/cloudflare adapter. Static export works out of the box.

Astro

All Astro templates ship on Astro 6 with tested deployment paths for the platforms below.

Vercel

  1. Go to vercel.com/new
  2. Import your GitHub repository
  3. Configure your project:
    • Framework Preset: Astro
    • Root Directory: ./
  4. Add your environment variables
  5. Click Deploy

Vercel auto-detects Astro projects. No additional adapter is needed for static output; for SSR, add the @astrojs/vercel adapter.

Netlify

  1. Go to app.netlify.com/start
  2. Connect your GitHub repository
  3. Configure your project:
    • Build Command: npm run build
    • Publish Directory: dist
  4. Add your environment variables
  5. Click Deploy site

For SSR, add the @astrojs/netlify adapter.

Cloudflare Pages

  1. Go to dash.cloudflare.com → Workers & Pages → Create application → Pages
  2. Connect your GitHub repository
  3. Configure your project:
    • Framework Preset: Astro
    • Build Command: npm run build
    • Build output directory: dist
  4. Add your environment variables
  5. Click Save and Deploy

For SSR, add the @astrojs/cloudflare adapter.