Next.js 9: statisch, schnell, durchdacht
Next.js 9 brachte API-Routen und automatische statische Optimierung — und macht hybride Seiten aus statisch und serverseitig endlich mühelos.
Mit React arbeite ich gerne, aber die nackte Frage „Wie kommt das eigentlich performant auf den Server?“ hat mich lange begleitet. Next.js war schon davor meine Antwort. Doch Version 9, die diesen Sommer erschien, fühlt sich an wie der Moment, in dem das Framework wirklich erwachsen wird.
Automatische statische Optimierung
Der für mich wichtigste Schritt: Next.js erkennt nun selbstständig, welche Seiten keine serverseitigen Daten brauchen, und rendert sie automatisch als statisches HTML. Ich muss nichts konfigurieren. Eine Seite ohne getInitialProps wird statisch ausgeliefert — blitzschnell, cachebar, ohne laufenden Server-Render.
Die beste Performance-Optimierung ist die, über die ich nicht nachdenken muss.
Und das Schöne: Es ist kein Entweder-oder. Auf derselben Seite kann eine statische Landingpage neben einer datengetriebenen, serverseitig gerenderten Route stehen. Diese Hybridität ist genau das, was echte Projekte brauchen — denn fast nie ist eine Website komplett statisch oder komplett dynamisch.
API-Routen, ohne extra Backend
Der zweite große Gewinn sind die API-Routen. Eine Datei unter pages/api/ wird zum Endpunkt:
export default function handler(req, res) {
res.status(200).json({ name: "Max" });
}
Für ein Kontaktformular, einen Newsletter-Handler oder eine kleine Datenabfrage brauche ich kein separates Backend mehr. Front- und Backend leben im selben Projekt, in derselben Sprache, mit demselben Deployment. Für kleinere Marken- und Portfolio-Seiten, wie ich sie oft baue, ist das eine enorme Vereinfachung.
Was mich an Next.js 9 begeistert, ist nicht eine einzelne Funktion, sondern die Haltung dahinter. Das Framework trifft sinnvolle Standardentscheidungen, lässt mir aber jederzeit die Kontrolle, wenn ich sie brauche. Es nimmt mir die langweilige Arbeit ab und überlässt mir die interessante.
Schnelle Seiten sind kein Luxus, sondern Respekt vor den Menschen, die sie besuchen. Next.js 9 macht es leichter, diesen Respekt einzulösen — und genau deshalb wird es zu meinem Standardwerkzeug für React-Projekte.