Minimal Notes
All posts

Deploying to Vercel and Cloudflare Pages for Free

1 min readBy Grace Hopper
#deploy#vercel#cloudflare

This blog uses output: "export", so next build produces plain HTML/CSS/JS in out/. No server needed.

Vercel (easiest)

  1. Push this repo to GitHub.
  2. Go to vercel.com/new → Import repo.
  3. Framework preset: Next.js. Build command: next build. Output: out.
  4. Deploy. Every git push with a new file in content/posts/ triggers a rebuild.

Cloudflare Pages

  1. Push to GitHub.
  2. Cloudflare Dashboard → Workers & Pages → Create → Pages → Connect to Git.
  3. Build settings:
    • Framework: Next.js (Static HTML Export)
    • Build command: npm run build
    • Output directory: out
  4. Deploy. Same git-push workflow.

Why static export?

  • Free tiers love static files (no cold starts, no function limits).
  • Instant global CDN caching.
  • Search works client-side (no API route needed).