Next.js App Router: Warum wir gewechselt haben und nie zurückblickten
Nach Jahren mit dem Pages Router haben wir unseren gesamten Workflow auf den App Router umgestellt. Was sich geändert hat, was kaputt ging und warum wir es wieder tun würden.
Als Next.js den App Router vorstellte, war die Community gespalten. Einige nahmen ihn sofort an, andere nannten ihn überkompliziert. Wir warteten, experimentierten und stellten schließlich alle neuen Projekte auf den App Router um. Es war die richtige Entscheidung.
Was wir gewonnen haben
Server Components als Standard. Der größte Gewinn ist, dass Komponenten kein JavaScript an den Client senden, es sei denn, sie müssen es. Unsere Bundle-Größen sind deutlich geschrumpft. Seiten, die 200KB Client-JS hatten, wurden zu 40KB, weil das meiste Rendering auf dem Server passiert.
Verschachtelte Layouts. Gemeinsame UI (Header, Sidebars, Navigation), die bei Routenwechseln bestehen bleibt, ohne neu gerendert zu werden. Das war mit dem Pages Router schwer zu erreichen und ist jetzt in das Routing-Modell eingebaut.
Streaming und Suspense. Wir können Ladezustände für langsame Datenabfragen anzeigen, ohne die gesamte Seite zu blockieren. Die Seitenstruktur rendert sofort, und Inhalte füllen sich, wenn Daten eintreffen. Nutzer nehmen die Seite als schneller wahr, auch wenn die Gesamtladezeit ähnlich ist.
Kolokation. loading.js, error.js und page.js im selben Verzeichnis zu haben, macht die Codebasis viel einfacher zu navigieren. Alles, was zu einer Route gehört, lebt zusammen.
Was schwierig war
Die 'use client'-Grenze brauchte Zeit zum Verinnerlichen. Zu verstehen, wann Client-Interaktivität nötig ist und wann Server-Rendering ausreicht, erfordert einen Wechsel des mentalen Modells. Wir hatten einige Wochen des Debuggens von Hydration-Mismatches, bevor es Klick machte.
Kompatibilität von Drittanbieter-Bibliotheken war anfangs holprig. Viele React-Bibliotheken setzten clientseitiges Rendering voraus. Die meisten haben mittlerweile nachgezogen, aber Anfang 2025 war das ein echtes Reibungspunkt.
Das Fazit
Der App Router ist jetzt unser Standard für jedes Projekt. Die Performance-Vorteile allein rechtfertigen die Lernkurve. Wenn Sie noch den Pages Router verwenden, gibt es keine Eile, bestehende Projekte zu migrieren. aber für alles Neue ist der App Router der richtige Weg.
