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)
- Push this repo to GitHub.
- Go to vercel.com/new → Import repo.
- Framework preset: Next.js. Build command:
next build. Output:out. - Deploy. Every
git pushwith a new file incontent/posts/triggers a rebuild.
Cloudflare Pages
- Push to GitHub.
- Cloudflare Dashboard → Workers & Pages → Create → Pages → Connect to Git.
- Build settings:
- Framework: Next.js (Static HTML Export)
- Build command:
npm run build - Output directory:
out
- 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).