Next.js App mit V-Next deployen auf Cloudflare Workers
Migriere eine Next.js Anwendung zu V-Next und deploye sie auf Cloudflare Workers. Dies ermöglicht unabhängiges Hosting ohne Vercel-Abhängigkeit.
Originalvideo ansehen: Cloudflare just slop forked Next.js…5 Schritte
1
Installiere Cloudflare CLI (wrangler)
Installiere die Cloudflare Workers CLI für lokale Entwicklung
npm install -D wranglerTipp: Wrangler ist das Standard-Tool für Workers Development
2
Konfiguriere wrangler.toml
Erstelle eine wrangler.toml Datei für dein Projekt
name = "my-v-next-app"
main = "dist/index.js"
compatibility_date = "2024-01-01"
[build]
command = "npm run build"
dir = "dist"Tipp: Stelle sicher, dass der build output stimmt
3
Baue die Anwendung für Workers
Führe den V-Next Build aus, der Workers-kompatibel ist
npm run build:vnextTipp: V-Next generiert Workers-kompatiblen Code
4
Teste lokal mit Wrangler
Starte die lokale Development Umgebung
wrangler devTipp: Dies emuliert die Cloudflare Workers Umgebung
5
Deploye auf Cloudflare Workers
Publishe die Anwendung zu Cloudflare
wrangler deployTipp: Stelle sicher, dass du in Cloudflare authentifiziert bist
Warnung: Server Actions und Middleware erfordern zusätzliche Konfiguration