Next.js

Next.js ist eine Sammlung fertiger Bausteine für den Bau von Webseiten. Fachleute nennen so etwas ein Framework: ein Grundgerüst, das viele Standardaufgaben schon gelöst hat. Wer eine Webseite von Grund auf programmiert, muss sich um hunderte Kleinigkeiten kümmern. Dazu gehören etwa die Adressen der einzelnen Unterseiten oder das Laden von Bildern in der richtigen Größe. Next.js liefert für all das eine vorgefertigte Lösung. Entwickelt wird es von der Firma Vercel, benutzen darf es jeder kostenlos.

Warum große Firmen darauf setzen

Ladezeit ist Geld. Studien großer Online-Händler zeigen seit Jahren denselben Zusammenhang: Je länger eine Seite braucht, desto mehr Besucher springen ab. Schon eine Verzögerung von einer Sekunde kann messbar Umsatz kosten. Next.js ist genau darauf ausgelegt, dass die erste sichtbare Version einer Seite sehr früh beim Nutzer ankommt.

Der zweite Grund sind Suchmaschinen. Google schickt Programme durch das Netz, die den Inhalt von Seiten einlesen. Bei manchen modernen Webseiten steht im ausgelieferten Dokument zunächst fast nichts, weil der Inhalt erst im Browser zusammengebaut wird. Das kann dazu führen, dass Suchmaschinen die Seite schlechter erfassen. Next.js baut die Seite deshalb schon auf dem Server fertig zusammen.

Dazu kommt ein praktischer Punkt: Viele Entwickler kennen das System bereits. Wer ein Team aufbauen will, findet schneller Leute. Deshalb setzen unter anderem Netflix, TikTok und zahlreiche Start-ups auf Next.js. Auch viele KI-Firmen bauen ihre Chat-Oberflächen damit.

Server und Browser teilen sich die Arbeit

Next.js baut auf React auf. React ist eine von Facebook entwickelte Bibliothek, mit der man Oberflächen aus wiederverwendbaren Teilen zusammensetzt. Ein Menü, ein Button, eine Produktkarte sind solche Teile. React allein läuft aber vor allem im Browser des Besuchers. Next.js ergänzt die Server-Seite.

Der Kernpunkt ist die Frage, wo eine Seite entsteht. Beim sogenannten Server-Side Rendering rechnet der Server bei jeder Anfrage das fertige Dokument aus und schickt es los. Beim Static Site Generation passiert das schon vorher, beim Erstellen der Seite. Das Ergebnis liegt dann als fertige Datei bereit und ist extrem schnell. Next.js beherrscht beide Wege und lässt sie im selben Projekt mischen.

Ein häufiger Irrtum: Next.js sei ein Ersatz für React. Das stimmt nicht. Es ist eine Erweiterung, die React um Server-Funktionen, ein Adresssystem für Unterseiten und automatische Optimierungen ergänzt. Bilder werden etwa automatisch verkleinert, und der Programmcode wird in Stücke zerlegt. Dadurch lädt der Browser nur das, was für die aktuelle Seite gebraucht wird.

Woran man eine Next.js-Seite erkennt

Im Alltag begegnet man Next.js ständig, ohne es zu merken. Typisch ist das Verhalten beim Klicken: Die Seite wechselt sofort, ohne dass der Ladebalken des Browsers durchläuft. Der Inhalt ist trotzdem sofort lesbar und flackert nicht nach. Viele Online-Shops, Nachrichtenportale und die Bedienoberflächen von KI-Diensten funktionieren so.

In Tech-News taucht der Name meist in zwei Zusammenhängen auf. Zum einen bei Vercel, der Firma dahinter, die auch eine Hosting-Plattform betreibt und dort Geld verdient. Zum anderen bei Diskussionen über Abhängigkeit: Ein Werkzeug, das von einem einzelnen Unternehmen gesteuert wird, macht viele Projekte von dessen Entscheidungen abhängig. Änderungen an Next.js lösen deshalb regelmäßig hitzige Debatten in Entwicklerforen aus.

Wer selbst einsteigen will, braucht keine Serverkenntnisse. Ein einziger Befehl im Terminal legt ein lauffähiges Projekt an. Genau diese niedrige Einstiegshürde erklärt einen großen Teil der Verbreitung.