OpenNext intermediate automation 80% Usefulness

OpenNext als Alternative zur V-Next Migration evaluieren

Nutze OpenNext, um deine Next.js App auf verschiedenen Plattformen (Cloudflare, Netlify, etc.) zu deployen, ohne komplett zu V-Next zu migrieren. Dies ist die stabilere Alternative für produktive Apps.

Originalvideo ansehen: Cloudflare just slop forked Next.js…
4 Schritte
1

Installiere OpenNext als Dev-Abhängigkeit

Füge OpenNext zu deinem Projekt hinzu

npm install -D open-next
Tipp: OpenNext ist stabiler als experimentelles V-Next
2

Konfiguriere OpenNext in next.config.js

Setze OpenNext als Build-Output-Format

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'standalone',
};
module.exports = nextConfig;
Tipp: Dies aktiviert OpenNext Kompatibilität
3

Erstelle einen Build mit OpenNext

Führe den Build durch und konvertiere das Output-Format

npm run build && open-next
Tipp: OpenNext repackt den Standard Next.js Output
4

Deploye auf deine Zielplattform

Nutze dein Zielplattform CLI zum Deployen

wrangler deploy # für Cloudflare
# oder netlify deploy # für Netlify
Tipp: OpenNext funktioniert mit Cloudflare, Netlify, AWS Lambda, etc.
Warnung: Überprüfe die Dokumentation deiner Zielplattform für Besonderheiten
← Alle Playbooks anzeigen