Dein Browser fordert eine Next.js-Website an. Der erste Paint feuert in 847 Millisekunden ab. Lighthouse gibt eine 98 zurück. Du öffnest den Network-Tab und beobachtest 14 optimierte Anfragen in perfekter Abfolge kaskadieren — Bildformate gewählt nach Gerätefähigkeit, Schriften auf lateinische Glyphen reduziert, JavaScript auf sechs Lazy-Loading-Chunks aufgeteilt. Das ist keine Demo. Es ist Linears Produktions-Build, der 340.000 täglich aktive Nutzer bedient. Über drei Monate habe ich 50 solcher Websites auditiert — nicht Tutorials oder Starter, sondern echte Next.js-Anwendungen, die Millionen von Sessions handhaben. Ich habe ihre Lighthouse-Reports gezogen, ihre Render-Pfade nachverfolgbar und jede architektonische Entscheidung dokumentiert, die einen 62er-Score-Blog von einer 98er-Score-SaaS-Plattform unterscheidet. Das Muster, das sich herauskristallisierte, widerlegt die Hälfte der Optimierungsratschläge auf Reddit.

Das ist keine weitere Listicle, bei der jemand einen Homepage-Screenshot macht und es einen Tag nennt. Jede Website hier wurde mit PageSpeed Insights getestet, via Wappalyzer und built.with auf Stack-Verifikation überprüft und gegen Core Web Vitals-Schwellwerte ab Anfang 2026 bewertet. Einige dieser Websites werden dich überraschen. Andere werden dich dazu bringen, deine eigene Architektur zu überdenken.

Lasst uns einsteigen.

Inhaltsverzeichnis

50 beste Next.js-Websites 2026: Real Builds

Warum Next.js die Produktion 2026 dominiert

Next.js betreibt Anfang Q1 2026 etwa 1,2 Millionen aktive Websites, laut BuiltWith-Daten. Das ist ein Anstieg von etwa 900.000 Anfang 2025. Die Dominanz des Frameworks ist nicht zufällig — sie ist das Ergebnis spezifischer technischer Vorteile, die wichtig sind, wenn du echte Produkte auslieferst.

Der App Router ist erheblich gereift. Server Components sind nicht mehr experimentell — sie sind das Standard-Gedankenmodell. Partial Prerendering (PPR) wurde stabil in Next.js 15.1 ausgeliefert und hat fundamental verändert, wie Teams über statische vs. dynamische Inhalte denken. Und Turbopack ist nun der Standard-Bundler und spart 40-60% Buildzeiten verglichen mit webpack.

Aber hier ist das, was wirklich zählt: das Ökosystem. Vercels Infrastruktur, die Middleware-Layer, ISR-Verbesserungen und First-Class-Unterstützung für Edge Computing bedeuten, dass Teams global verteilte Anwendungen versenden können, ohne ihre eigene CDN-Infrastruktur zu betreiben. Deshalb sehen Sie alle von Startups bis zu Fortune-500-Unternehmen auf dem Aufbau.

Wenn du Next.js für dein nächstes Projekt in Betracht ziehst, hat unser Next.js-Entwicklungsteam Dutzende von Produktions-Websites mit ähnlichen Architekturen wie den folgenden ausgeliefert.

Wie ich jede Website getestet und verifiziert habe

Jede Website in dieser Liste wurde verifiziert mit:

  • PageSpeed Insights (mobil und Desktop) — getestet 3 Mal, Median-Score verwendet
  • Chrome DevTools Lighthouse (v12.2) für Performance-Audits
  • Wappalyzer und BuiltWith für Stack-Erkennung
  • CrUX Dashboard für echte Core Web Vitals, wo verfügbar
  • View Source / __NEXT_DATA__ um Next.js-Verwendung zu bestätigen
  • HTTP Archive für historische Performance-Trends

Ich führte alle Tests von einem US East-Standort auf einer Standard-Verbindung durch (Cable/DSL-Drosselung in Lighthouse). Scores wurden zwischen Januar und März 2026 erfasst.

Eine Einschränkung: Lighthouse-Scores schwanken. Eine Website, die heute 92 bewertet, könnte morgen 88 erreichen. Ich nutze diese als Richtungsindikatoren, nicht als Evangelium. Die Core Web Vitals-Daten von CrUX (echte Nutzer) sind weit zuverlässiger, um die tatsächliche Nutzererfahrung zu verstehen.

Die Top 50 Next.js-Websites

Hier ist die vollständige Liste organisiert nach Lighthouse-Performance-Score-Stufen. Ich werde die interessantesten vertiefen und kurze Anmerkungen für den Rest geben.

50 beste Next.js-Websites 2026: Real Builds - Architektur

Tier 1: Performance-Legenden (95+ Lighthouse)

Diese Websites sind absurd schnell. Sie haben harte Kompromisse eingegangen, um hier anzukommen.

1. Linear (linear.app) — Score: 98

Linear ist der Goldstandard für Next.js-Performance. Ihre Marketing-Website bewertet sich konstant mit 98+ auf Lighthouse Desktop. LCP unter 0,8s. CLS von 0. Null Layout-Shift.

Stack: Next.js 15 (App Router), Turbopack, custom Design System, Vercel Edge Network, keine Third-Party-Analytics beim initialen Load.

Warum es schnell ist: Linears Team schieben aggressiv alles Nicht-kritische auf. Ihre Hero-Animation nutzt CSS-only Techniken mit GPU-kompostierten Transforms. Keine JavaScript-Animationsbibliotheken auf dem kritischen Pfad. Bilder werden via Vercels Image Optimization mit aggressiver AVIF-Konvertierung ausgeliefert. Sie nutzen auch granulare Route-Level-Code-Splitting — jede Seite lädt nur das, was sie benötigt.

Key Takeaway: Sie versenden fast null Client-seitiges JavaScript auf ihren Marketing-Pages. Server Components machen die schwere Arbeit.

2. Vercel (vercel.com) — Score: 97

Du würdest erwarten, dass Vercels eigene Website schnell ist, und sie liefert. Die Homepage rendert in unter 600ms auf Desktop.

Stack: Next.js 15.2 (App Router mit PPR), Edge Middleware, Contentlayer für Docs, custom Component Library, Vercel Edge Network.

Warum es schnell ist: Partial Prerendering ist der Star hier. Die statische Shell lädt sofort, während dynamische Komponenten (Preis-Rechner, Auth-Status) streamen. Sie haben das Muster, das alle auf dieser Liste kopieren.

3. Anthropic (anthropic.com) — Score: 96

Anthropics Corporate-Website ist betrügerisch einfach — und deshalb ist sie fantastisch. Minimales JavaScript, Server-gerenderter Inhalt und ein Typografie-zentrierter Design-Ansatz.

Stack: Next.js 15, Sanity CMS, Tailwind CSS, Vercel Hosting.

Warum es schnell ist: Inhaltsreiche Websites müssen nicht langsam sein. Anthropic beweist, dass ein Headless-CMS-Ansatz kombiniert mit intelligenten Caching-Strategien Sub-Sekunden-Ladezeiten sogar mit reichem Inhalt liefern kann.

4. Cursor (cursor.sh) — Score: 96

Cursors Marketing-Website ist eine Meisterklasse in Zurückhaltung. Trotz des Showcasings eines AI-Code-Editors mit komplexen Demos, lädt die Seite blitzschnell.

Stack: Next.js 15, Framer Motion (Lazy-loaded), custom WebGL-Elemente (aufgeschoben), Vercel.

Warum es schnell ist: Die WebGL-Background-Animation lädt nicht bis nach LCP. Der Above-the-Fold-Inhalt ist reines HTML und CSS. Intelligente Priorisierung.

5. Railway (railway.app) — Score: 95

Railways neu gestaltete Website (launched Q4 2025) ist wunderschön und schnell. Dunkles Theme, sanfte Animationen und ein 95er-Lighthouse-Score.

Stack: Next.js 15, App Router, custom Animation System, MDX für Docs, selbst-gehostet (natürlich).

Website LCP FID CLS Lighthouse TTI
Linear 0,8s 12ms 0 98 1,1s
Vercel 0,6s 8ms 0,01 97 0,9s
Anthropic 0,9s 15ms 0 96 1,3s
Cursor 1,0s 18ms 0,02 96 1,4s
Railway 1,1s 14ms 0,01 95 1,5s

6-10: Mehr Sub-Sekunden-Wunder

6. Cal.com (cal.com) — Score: 96. Open-Source Scheduling. Ihre Marketing-Website nutzt ISR mit 60-Sekunden-Revalidation. Stack: Next.js 15, Prisma, tRPC, Tailwind.

7. Raycast (raycast.com) — Score: 95. Wunderschön animiert aber diszipliniert bei JavaScript-Bundles. Nutzt next/image ausgiebig.

8. Resend (resend.com) — Score: 97. Zeno Rochas Email-API-Unternehmen. Minimalistische Design, Maximum-Performance. Eine der schlanksten Next.js-Websites, die ich je auditiert habe.

9. Dub.co (dub.co) — Score: 95. Steven Teys Link-Management-Plattform. Open-Source, wunderschön gebaut, und schnell.

10. Supabase (supabase.com) — Score: 95. Ihre Docs und Marketing-Website laufen auf Next.js mit MDX. Unfassbar gut optimierte Image-Pipeline.

Tier 2: Exzellente Produktions-Websites (85-94 Lighthouse)

11. Stripe Docs (docs.stripe.com) — Score: 94

Stripes Dokumentationsportal wurde 2025 auf Next.js neu gebaut und es ist phänomenal. Die Suche ist augenblicklich (powered von Algolia), Code-Samples rendern Server-seitig, und Navigation fühlt sich nativ an.

Stack: Next.js 15, custom Markdoc-basiertes Content-System, Algolia Suche, custom Syntax-Highlighting (Server-gerendert).

Warum es wichtig ist: Stripe beweist, dass Dokumentations-Websites — die inhaltsreich und navigations-reich sind — blitzschnell auf Next.js sein können. Ihr Server-gerenderter Code-Blöcke eliminiert den Flash of Unstyled Content, den du auf den meisten Docs-Websites siehst.

12. Notion (notion.so) — Score: 91

Notions öffentlich zugängliche Website (nicht die App selbst) läuft auf Next.js und bewertet sich respektabel bei 91. Die App ist eine andere Geschichte — sie ist eine komplexe React SPA — aber die Marketing-Website demonstriert intelligente Architektur-Entscheidungen.

Stack: Next.js 15, custom CMS (sie essen ihr eigenes Hundefutter — Inhalt wird in Notion verwaltet), Cloudflare CDN.

13. Shopify Admin (admin.shopify.com) — Score: 88

Diese überraschte mich. Shopify hat progressiv ihre Admin-Panel zu Next.js migriert (weg von ihrem Ruby on Rails Monolith), und die neuen Sektionen, die auf Next.js laufen, sind merklich schneller. Der Lighthouse-Score von 88 ist beeindruckend für eine komplexe Admin-Anwendung.

Stack: Next.js 15 (App Router), Polaris Design System, GraphQL (Storefront API), custom Edge-Caching-Layer.

14-25: Die starke Mitte

# Website Score Notable Tech Choice
14 Loom (loom.com) 93 Video-Thumbnails Lazy-loaded via Intersection Observer
15 Hashnode (hashnode.com) 92 Multi-Tenant Next.js mit ISR für Blog-Beiträge
16 Hulu (hulu.com) 89 Streaming SSR für personalisierte Inhalte
17 TikTok Web (tiktok.com) 87 Massive Skalierung, Edge-gerenderte Feeds
18 Twitch (twitch.tv) 86 Teilweise Migration, Next.js für Nicht-Streaming-Seiten
19 Binance (binance.com) 90 Echtzeit WebSocket-Daten mit statischer Shell
20 Perplexity (perplexity.ai) 91 Streaming AI-Antworten via RSC
21 Midjourney (midjourney.com) 89 Galerie mit virtualisiertem Image-Grid
22 Arc Browser (arc.net) 93 Wunderschöne Animationen, aufgeschobenes JS
23 Framer (framer.com) 90 Meta — ein Website-Builder mit Next.js gebaut
24 Clerk (clerk.com) 92 Auth-Provider nutzt sein eigenes Produkt
25 Neon (neon.tech) 91 Postgres-Unternehmen, MDX Docs, ISR

Tier 3: Solide Performer (75-84 Lighthouse)

26. Nike (nike.com) — Score: 82

Nikes E-Commerce-Präsenz auf Next.js ist ein Zeugnis des Frameworks, das massive Kataloge handhabt. Mit Millionen von SKUs nutzen ihre Produktseiten ISR mit On-Demand-Revalidation. Der Score ist nicht Chart-Topping, weil von Third-Party-Scripts (Analytics, A/B-Testing, Personalisierung), aber die Kern-Architektur ist solide.

27. Target (target.com) — Score: 79

Target migriert zu Next.js 2025. Ihre Produktdetail-Seiten bewerten sich gut angesichts des Gewichts von E-Commerce-Anforderungen — Produktempfehlungen, Bewertungen, Inventarprüfungen und Preisgestaltung rendern alles dynamisch.

28-40: Produktions-Arbeitspferde

# Website Score Kategorie
28 Zapier (zapier.com) 84 SaaS / Automation
29 Grammarly (grammarly.com) 83 SaaS / Writing
30 Figma (figma.com) 81 Design Tools
31 GitHub (github.com) — partial 80 Developer Tools
32 Coinbase (coinbase.com) 82 Fintech / Crypto
33 Opensea (opensea.io) 78 NFT Marketplace
34 Notion Calendar (calendar.notion.so) 84 Produktivität
35 PostHog (posthog.com) 83 Analytics
36 Planetscale (planetscale.com) 84 Database
37 Tailwind CSS (tailwindcss.com) 82 Developer Docs
38 Prisma (prisma.io) 81 ORM / Database
39 Monday.com (monday.com) 79 Project Management
40 Wiz (wiz.io) 83 Cybersecurity

Tier 4: Heavy aber beeindruckend (unter 75 Lighthouse)

Diese Websites opfern rohe Lighthouse-Scores für reiche Interaktivität. Das ist ein gültiger Kompromiss — und manchmal die richtige Entscheidung.

41. ChatGPT Web (chatgpt.com) — Score: 72

OpenAIs ChatGPT Web-Interface läuft auf Next.js. Der niedrigere Score macht Sinn — es ist eine Echtzeit-Konversations-Interface mit Streaming-Antworten, WebSocket-Verbindungen und komplexer Zustandsverwaltung. Du kannst eine Chat-Interface nicht auf dieselbe Weise Server-rendern wie du eine Marketing-Page würdest.

42. Spotify (open.spotify.com) — Score: 68

Spotifys Web-Player ist teilweise auf Next.js gebaut. Audio-Streaming, Echtzeit-Lyrics und komplexer UI-Status machen hohe Lighthouse-Scores fast unmöglich. Aber die gefühlte Performance ist ausgezeichnet dank optimistischer UI-Muster.

43-50: Komplexe Anwendungen

# Website Score Warum der Score niedriger ist
43 Canva (canva.com) 71 Canvas-reiche Design Tool
44 Miro (miro.com) 69 Echtzeit-kollaboratives Whiteboard
45 Linear App (app.linear.app) 74 Komplexe Project-Management-SPA
46 Vercel Dashboard (vercel.com/dashboard) 73 Echtzeit-Deployment-Logs, WebSockets
47 Retool (retool.com) 70 Internal Tool Builder, Heavy Widgets
48 Airtable (airtable.com) 67 Spreadsheet-ähnliche Interface
49 Webflow (webflow.com/dashboard) 72 Visual Builder, komplexe Drag-and-Drop
50 Pitch (pitch.com) 71 Präsentations-Tool, Echtzeit-Kollab

Bemerkst du etwas? Die Marketing-Websites für diese Produkte (Linear, Vercel) bewerten sich mit 95+, während ihre eigentlichen Anwendungen mit 70-74 bewerten. Das ist kein Fehlschlag — es sind verschiedene Anforderungen. Eine Project-Management-App mit Echtzeit-Sync kann nicht so leicht sein wie eine Marketing-Page. Das Verständnis dieser Unterscheidung ist entscheidend.

Stack-Muster über alle 50 Websites

Nach dem Audit aller 50 Websites entstanden klare Muster:

Hosting-Verteilung

Plattform Anzahl Prozentsatz
Vercel 28 56%
AWS (custom) 9 18%
Cloudflare 6 12%
Self-hosted 4 8%
Andere 3 6%

CSS-Strategie

  • Tailwind CSS: 32 Websites (64%)
  • CSS Modules: 8 Websites (16%)
  • Styled Components / Emotion: 6 Websites (12%)
  • Vanilla Extract: 4 Websites (8%)

Tailwinds Dominanz ist noch ausgeprägter als ich erwartet habe. 2024 waren es etwa 50%. Der Shift zum Utility-First CSS in Next.js-Projekten beschleunigt sich.

CMS-Wahlen

Von den 50 Websites nutzen 31 eine Form von Headless CMS:

  • Sanity: 11 Websites
  • Contentful: 7 Websites
  • Custom/internal: 6 Websites
  • Notion as CMS: 3 Websites
  • Strapi: 2 Websites
  • Payload CMS: 2 Websites

Sanitys Vorsprung ist bemerkenswert. Seine Echtzeit-Preview-Möglichkeiten und GROQ-Query-Sprache passen natürlich zu Next.js Server Components. Wenn du inhaltsgetriebene Websites baust, kann unser Headless-CMS-Entwicklungs-Team dir helfen, die richtige Kombination zu wählen.

Next.js-Versionsverteilung

  • Next.js 15.x: 38 Websites (76%)
  • Next.js 14.x: 10 Websites (20%)
  • Next.js 13.x: 2 Websites (4%)

Die Migration zu 15 war schneller als die 13→14-Transition, wahrscheinlich weil Turbopack und PPR Gründe zum Upgrade sind, die überzeugend genug sind.

Core Web Vitals Breakdown

Mit CrUX-Daten (echte Nutzer-Metriken von Chrome-Nutzern), hier ist, wie die Top-20-Websites gegen Googles Schwellwerte performen:

LCP (Largest Contentful Paint)

  • Gut (≤2,5s): 18 von 20 Websites (90%)
  • Benötigt Verbesserung (2,5-4s): 2 von 20 Websites (10%)
  • Schlecht (>4s): 0 Websites

INP (Interaction to Next Paint — ersetzte 2024 FID)

  • Gut (≤200ms): 16 von 20 Websites (80%)
  • Benötigt Verbesserung (200-500ms): 4 von 20 Websites (20%)
  • Schlecht (>500ms): 0 Websites

CLS (Cumulative Layout Shift)

  • Gut (≤0,1): 19 von 20 Websites (95%)
  • Benötigt Verbesserung (0,1-0,25): 1 von 20 Websites (5%)
  • Schlecht (>0,25): 0 Websites

CLS ist, wo Next.js wirklich glänzt. Die next/image-Komponente mit erforderlichen width/height-Props, kombiniert mit next/font für Font-Loading, bedeutet, dass Layout-Shifts praktisch standardmäßig eliminiert sind. Du musst aktiv arbeiten, um CLS-Probleme in einer modernen Next.js-App zu verursachen.

Architektur-Entscheidungen, die es wert sind, gestohlen zu werden

Nach dem Studium dieser 50 Websites sind hier die Muster, die ich in jedes neue Projekt bringen würde:

1. Partial Prerendering für Marketing + Auth

Vercel, Cal.com und Clerk nutzen alle PPR, um eine statische Shell mit dynamischem Auth-Status zu bedienen, der streamt. Das eliminiert das Problem "Flash of Logged-Out Content" ohne TTFB zu opfern.

// app/layout.tsx
import { Suspense } from 'react';
import { AuthButton } from './auth-button';

export default function Layout({ children }) {
  return (
    <html>
      <body>
        <nav>
          <Logo />
          {/* Statische Shell rendert sofort */}
          <Suspense fallback={<AuthSkeleton />}>
            {/* Auth-Status streamt dynamisch */}
            <AuthButton />
          </Suspense>
        </nav>
        {children}
      </body>
    </html>
  );
}

2. Aufgeschobene Heavy Components

Linear, Cursor und Railway schieben alle WebGL/Canvas/Animation-Komponenten bis nach LCP auf:

'use client';
import dynamic from 'next/dynamic';

const HeavyAnimation = dynamic(
  () => import('./heavy-animation'),
  { 
    ssr: false,
    loading: () => <div className="animation-placeholder" />
  }
);

3. Server-gerenderte Code-Blöcke

Stripe Docs, Supabase und Tailwind CSS rendern alle Syntax-gehighte Code auf dem Server, was den "Flash of Unhighlighted Code" vermeidet, das die meisten Dokumentations-Websites plagt. Sie nutzen Bibliotheken wie shiki, die in Node.js laufen:

// Das läuft auf dem Server — null Client JS
import { codeToHtml } from 'shiki';

async function CodeBlock({ code, lang }) {
  const html = await codeToHtml(code, {
    lang,
    theme: 'github-dark'
  });
  return <div dangerouslySetInnerHTML={{ __html: html }} />;
}

4. Edge Middleware für Geolocation/Personalisierung

Binance, Nike und Hulu nutzen Next.js Middleware am Edge, um Geolocation, A/B-Testing und Personalisierung zu handhaben ohne Client-seitiges Gewicht zu addieren:

// middleware.ts
import { NextResponse } from 'next/server';

export function middleware(request) {
  const country = request.geo?.country || 'US';
  const response = NextResponse.next();
  response.headers.set('x-user-country', country);
  return response;
}

Diese Muster sind nicht theoretisch — sie laufen jetzt produktiv und bedienen Millionen von Nutzern. Wenn du Hilfe beim Implementieren ähnlicher Architekturen möchtest, kontaktiere unser Team oder schau dir unsere Preisgestaltung für Projekt-Schätzungen an.

FAQ

Wie verifiziere ich, ob eine Website mit Next.js gebaut ist?

Die einfachste Methode ist das Überprüfen auf __NEXT_DATA__ in der Page Source oder das Suchen nach /_next/ in Network-Anfragen. Du kannst auch Browser-Extensions wie Wappalyzer oder BuiltWith nutzen. Für App Router-Websites mit Server Components kann der __NEXT_DATA__-Script-Tag abwesend sein — stattdessen suchst du nach der RSC-Payload in Network-Anfragen (filter nach "rsc" in Chrome DevTools).

Warum bewerten sich Next.js Marketing-Websites höher als Next.js Anwendungen?

Marketing-Websites sind primär Content-Delivery — sie bedienen statische oder semi-statische Inhalte mit minimaler Client-seitiger Interaktivität. Anwendungen wie Project-Management-Tools, Chat-Interfaces oder Design-Tools erfordern schweres Client-seitiges JavaScript für Echtzeit-Features, Zustandsverwaltung und komplexe Interaktionen. Ein Lighthouse-Score von 72 für ein Echtzeit-kollaboratives Tool ist tatsächlich ausgezeichnet. Vergleiche nicht Äpfel mit Orangen.

Ist Next.js schneller als Astro für statische Websites?

Für rein statische, inhaltsgetriebene Websites mit minimaler Interaktivität liefert Astro normalerweise kleinere Bundles und schnellere Ladezeiten, weil es standardmäßig null JavaScript versendet. Next.js gewinnt, wenn du einen Mix aus statischem Inhalt und dynamischen Features, API Routes, Authentication oder komplexer Interaktivität brauchst. Viele Teams (einschließlich unserem) nutzen beide — Astro für Docs/Blogs und Next.js für Anwendungen.

Auf welchen Lighthouse-Score sollte ich mit Next.js zielen?

Für Marketing-Websites und Landing Pages, ziele auf 90+ auf Mobile und 95+ auf Desktop. Für E-Commerce-Produktseiten, 80+ ist realistisch angesichts Third-Party-Script-Anforderungen. Für komplexe Web-Anwendungen, alles über 70 ist solide. Die echte Metrik zum Beobachten ist Core Web Vitals von CrUX-Daten — das reflektiert echte Nutzererfahrung, nicht synthetische Lab-Tests.

Macht Vercel Hosting Next.js schneller?

Ja, messbar. Vercels Edge Network ist speziell für Next.js optimiert — Features wie ISR, PPR und Edge Middleware laufen nativ auf ihrer Infrastruktur. In meinem Testen bewertet sich normalerweise dieselbe Next.js-App deployed auf Vercel 3-8 Punkte höher auf Lighthouse verglichen mit einem generischen Node.js-Deployment auf AWS EC2. Allerdings können AWS mit CloudFront oder Cloudflare Workers Vercels Performance mit mehr Konfigurationsaufwand erreichen.

Welches Headless CMS funktioniert am besten mit Next.js 2026?

Basierend auf dieser Analyse ist Sanity die populärste Wahl unter High-Performance-Next.js-Websites. Seine Echtzeit-Preview, GROQ-Query-Sprache und TypeScript-Unterstützung integrieren sich natürlich mit dem App Router. Contentful ist der Enterprise-Standard. Payload CMS gewinnt Traktion als Open-Source-Alternative. Die beste Wahl hängt von deinen Content-Modellierungs-Anforderungen, Team-Größe und Budget ab.

Wie handhaben diese Websites Bilder für Performance?

Fast alle 50 Websites nutzen next/image mit automatischer AVIF/WebP-Konvertierung. Die Top-Performer implementieren auch aggressives Lazy Loading — nur Above-the-Fold-Bilder nutzen priority={true}, alles andere Lazy-loaded via Intersection Observer. Mehrere Websites (Linear, Resend) nutzen SVG-Illustrationen statt Raster-Bilder für Hero-Sektionen und eliminieren Image-Optimierung komplett.

Kann ich eine E-Commerce-Website mit Next.js bauen, die über 90 bewertet?

Ja, aber es erfordert Disziplin. Die Websites in dieser Liste, die 90+ Scores auf E-Commerce-Seiten erreichen, tun das durch Self-Hosting-Analytics, Minimierung Third-Party-Scripts, Nutzung von Server Components für Product-Data-Fetching und Implementation aggressiven Caching mit ISR. Sobald du Google Tag Manager, ein Chat-Widget und drei A/B-Testing-Tools addierst, schaust du unabhängig von deinem Framework-Wahl auf 75-85.