Wiki-ÜbersichtFrontend-Framework

Next.js

React-Framework mit Server-Side-Rendering, Routing und Build-Optimierung aus der Box.

Was ist Next.js?

Next.js ist ein React-Framework, das fertige Lösungen für Server-Side-Rendering, Routing, Datenabruf und Build-Optimierung mitbringt. Entwickelt vom Unternehmen Vercel, übernimmt es die Konfigurationsarbeit, die bei purem React nötig ist. Es hat sich zum De-facto-Standard für React-basierte Webanwendungen entwickelt.

Wie Next.js funktioniert

Next.js baut auf React auf und ergänzt es um:

  • dateibasiertes Routing: Jede Datei unter pages/ bzw. app/ wird zu einer Route.
  • Server-Side-Rendering (SSR) & Static Generation (SSG): Seiten werden vorab oder beim Request auf dem Server gerendert – förderlich für SEO und den ersten Paint.
  • API-Routen: Backend-Endpunkte direkt innerhalb der App.
  • automatische Code-Splittung: Jede Route lädt nur den benötigten Code.

Mit dem App Router (seit 2023) wurden Layouts, Streaming und Server Components einheitlicher.

Geschichte

2016 als minimales React-Framework gestartet, etablierte sich Next.js schnell und wuchs mit der React-Community. Betrieben wird es primär von Vercel, bleibt aber Open Source.

Stärken und Grenzen

Stärken: SEO-freundlich durch SSR/SSG, schnelle Startup-Zeiten, geringer Konfigurationsaufwand, ausgeprägte Hosting-Integration. Grenzen: Bindung an React und das Vercel-Ökosystem; für einfache statische Seiten oft überdimensioniert. Self-Hosting ist möglich, erfordert aber eine Node-Runtime.

Wofür Next.js geeignet ist

Für Webanwendungen und inhaltsreiche Sites, die SEO und Performance kombinieren wollen – Marketingseiten, Dokumentationsportale, Dashboards, E-Commerce-Frontends.

So erkennt man Next.js

Hinweise sind ein __next-Container, /_next/-Asset-Pfade oder der Header x-powered-by: Next.js. Bei websitedetail.net wird Next.js automatisch erfasst und mit Beispiel-Domains verknüpft.

Letzte Redaktionsprüfung: 2026

Anzeige
Werbung wird nach Einwilligung eingeblendet.

Domains mit Next.js

Aus unserer Datenbank erkannte Websites, die diese Technologie einsetzen.

Datenschutz-Einstellungen

Wir nutzen Cookies für Analytics und Werbung nur mit deiner Einwilligung. Details in der Datenschutzerklärung.