Next.js ist ein React-Framework zum Erstellen von Full-Stack-Webanwendungen. Es unterstützt serverseitiges Rendering, statische Seitengenerierung, API-Routen und mehr. Bun bietet eine schnelle Paketinstallation und kann Next.js-Entwicklungs- und Produktionsserver ausführen.

---

Eine neue Next.js-App erstellen

Verwenden Sie den interaktiven CLI, um eine neue Next.js-App zu erstellen. Dies erstellt ein neues Next.js-Projekt und installiert automatisch Abhängigkeiten.

bun create next-app@latest my-bun-app

Den Dev-Server starten

Wechseln Sie in das Projektverzeichnis und starten Sie den Dev-Server mit Bun.

cd my-bun-app
bun --bun run dev

Dies startet den Next.js-Dev-Server mit Buns Laufzeit.

Öffnen Sie http://localhost:3000 mit Ihrem Browser, um das Ergebnis zu sehen. Alle Änderungen, die Sie an app/page.tsx vornehmen, werden im Browser hot-reloaded.

Skripte in package.json aktualisieren

Ändern Sie das scripts-Feld in Ihrer package.json, indem Sie die Next.js-CLI-Befehle mit bun --bun präfixieren. Dies stellt sicher, dass Bun die Next.js-CLI für häufige Aufgaben wie dev, build und start ausführt.

{
  "scripts": {
    "dev": "bun --bun next dev",
    "build": "bun --bun next build",
    "start": "bun --bun next start",
  }
}

---

Hosting

Next.js-Anwendungen auf Bun können auf verschiedenen Plattformen bereitgestellt werden.

---

Templates

---

→ Siehe die offizielle Next.js-Dokumentation für weitere Informationen zum Erstellen und Bereitstellen von Next.js-Anwendungen.