How to Deploy Nextjs project on Cloudflare with Github auto deploy
In this video, I deploy a real Next.js 16 app to Cloudflare Workers using OpenNext GitHub auto-deploy, environment variables and secrets done correctly.
WHAT'S COVERED:
→ Installing and configuring @opennextjs/cloudflare + wrangler
→ Testing locally against Cloudflare's real runtime before you ever deploy
→ Environment variables vs secrets — and why NEXT_PUBLIC_ vars need special handling
→ Connecting GitHub so every push auto-deploys, no manual commands needed
RESOURCES:
→ Commands: https://asrafulislam.uk/blog/jx793fys...
→ The live project used in this video: https://startroch.asrafulislam0312.wo...
→ OpenNext for Cloudflare docs: https://opennext.js.org/cloudflare
📎Links
Follow me on X: https://x.com/AsrafulIslam031
My portfolio: https://asrafulislam.uk
Email: [email protected]
#NextJS #Cloudflare #WebDevelopment #CloudflareWorkers #NextJS16 #OpenNext #WebDev #Coding #JavaScript #TypeScript