Next.js + Cloudflare Pages

Dynamic Routes with Next.js App Router deployed on Cloudflare Pages

🛍️ Products

Dynamic product pages with [id] parameter

→ Product 1→ Product 2→ Product 3

📝 Blog

Dynamic blog posts with [slug] parameter

→ Hello World→ Next.js Setup→ Cloudflare Deployment

📋 ขั้นตอนการ Deploy

  1. 1. Run: npm install
  2. 2. Login: npx wrangler login
  3. 3. Build: npm run build
  4. 4. Deploy: npm run deploy

หรือใช้ Git Integration บน Cloudflare Pages Dashboard