Node.js führt JavaScript außerhalb des Browsers aus, Next.js ist ein React-Framework, das darauf läuft. Sieh dir den Stack Schicht für Schicht an, denselben Endpunkt in beiden und wann du was verwendest.
Node.js ist eine Runtime: das Programm, das JavaScript auf einem Server oder deinem Laptop ausführt. Next.js ist ein React-Framework zum Bauen von Websites, und seine Build-Tools und sein Server laufen auf Node.js. Die Wahl ist also selten das eine oder das andere. Jede Next.js-App braucht Node.js darunter, während eine Node.js-App nichts mit Next.js zu tun haben muss.
Runtime und Framework im Vergleich
Am schnellsten erkennst du die Beziehung an den Schichten, die eine Anfrage durchläuft. Klicke unten auf jede Schicht einer typischen Next.js-App, um zu sehen, was sie tut und wer für sie verantwortlich ist.
Beides, in Grenzen. Es rendert React-Seiten auf dem Server, schickt interaktive Teile an den Browser und lässt dich Route Handlers für JSON-Endpunkte schreiben. Als vollwertiges Backend für viele andere Clients ist es nicht gedacht.
Du brauchst ein installiertes Node.js und ein Gefühl für npm und das Terminal. Tiefes Wissen über das Modul node:http ist nicht nötig, weil Next.js den Server für dich übernimmt.
Die Routen-Option runtime führt jetzt 'nodejs' als Standard und 'edge' als veraltet. Die Dokumentation bittet darum, den runtime-Export aus Routendateien zu entfernen, neuer Code sollte also von Node.js ausgehen.
Die Deployment-Dokumentation von Next.js führt Bun als verifizierten Adapter und Deno Deploy unter anderen Plattformen mit eigener Integration. Die Unterstützung von Funktionen variiert außerhalb des Node.js-Servers, prüfe also die Hinweise der Plattform.
Näher dran als Node.js, denn beide sind Bibliotheken auf Basis von Node.js. Express ist ein minimales Toolkit für HTTP-Server, Next.js ein vollständiges Website-Framework rund um React.
Nutzt nur das eingebaute Modul node:http. Port, Header und Routing legst du selbst fest. Starte ihn mit node server.mjs.
Der Dateipfad wird zu /api/hello, und Next.js betreibt den Server. Unbekannte Pfade bekommen automatisch die 404-Seite des Frameworks.
Jedes Skript startet einen Node.js-Prozess: den Entwicklungsserver, den Produktions-Build und den Produktionsserver.
Der Besucher
Empfängt HTML, das Next.js auf dem Server gerendert hat, und lädt JavaScript nur für Client Components, damit Buttons und Formulare funktionieren.
Du
Seiten, Layouts und Route Handlers im app-Ordner. Das ist React plus ein paar Next.js-Konventionen, geschrieben in JavaScript oder TypeScript.
Das Framework
Ordnet Ordner URLs zu, rendert Server Components, bündelt Client-Code und betreibt den Produktionsserver, den next start startet.
Die Runtime
Führt das gesamte JavaScript darüber auf dem Server aus: den Build, den Dev-Server und jede Anfrage in Produktion.
Dein Hoster
macOS, Windows, Linux oder ein Container. Next.js nennt macOS, Windows einschließlich WSL und Linux als unterstützt für die Entwicklung.
Wähle eine Schicht
Verantwortlich: {v}
Schicht {n} von {v}, von oben nach unten
Kostenlos starten · Keine Kreditkarte nötig