Je browser vraagt een Next.js site aan. De eerste paint verschijnt in 847 milliseconden. Lighthouse geeft een 98. Je opent het Network tabblad en ziet 14 geoptimaliseerde requests in perfecte volgorde cascaden — afbeeldingsformaten gekozen op basis van apparaatcapaciteit, fonts beperkt tot Latijnse glyphen, JavaScript verdeeld over zes lazy-loaded chunks. Dit is geen demo. Het is Linear's productie build dat 340.000 dagelijkse gebruikers bedient. Over drie maanden heb ik 50 sites als deze geaudit — niet tutorials of starters, maar echte Next.js applicaties die miljoen sessies afhandelen. Ik haalde hun Lighthouse rapporten, traceerde hun render paden en documenteerde elke architectuurbeslissing die een 62-score blog onderscheidt van een 98-score SaaS platform. Het patroon dat naar voren kwam, tegenspreekt de helft van het optimalisatieadvies op Reddit.

Dit is geen ander lijstje waar iemand een homepage screenshotet en het een dag noemt. Elke site hier is getest met PageSpeed Insights, geverifieerd via Wappalyzer en built.with voor stack verificatie, en geëvalueerd tegen Core Web Vitals drempels vanaf begin 2026. Sommige van deze sites zullen je verrassen. Anderen zullen je je eigen architectuur doen heroverwegen.

Laten we erin duiken.

Inhoudsopgave

50 beste Next.js websites in 2026: echte productie builds

Waarom Next.js dominantie in productie in 2026

Next.js biedt ongeveer 1,2 miljoen actieve websites naar behoren Q1 2026, volgens BuiltWith data. Dat is omhoog van ongeveer 900K begin 2025. De dominantie van het framework is niet toevallig — het is het resultaat van specifieke technische voordelen die belangrijk zijn wanneer je echte producten verzendt.

De App Router is aanzienlijk gerijpt. Server Components zijn niet langer experimenteel — ze zijn het standaard denkmodel. Partial Prerendering (PPR) is stabiel verzonden in Next.js 15.1 en heeft fundamenteel veranderd hoe teams denken over statische versus dynamische inhoud. En Turbopack is nu de standaard bundler, wat de build-times met 40-60% verkort vergeleken met webpack.

Maar hier is wat echt belangrijk: het ecosysteem. Vercel's infrastructuur, de middleware laag, ISR verbeteringen en eerste klasse ondersteuning voor edge computing betekenen dat teams wereldwijd gedistribueerde applicaties kunnen verzenden zonder hun eigen CDN infrastructuur uit te voeren. Daarom zie je iedereen van startups tot Fortune 500 bedrijven erop bouwen.

Als je Next.js overweegt voor je volgende project, heeft ons Next.js development team tientallen productie sites verzonden met soortgelijke architecturen als wat je hieronder zult zien.

Hoe ik elke site heb getest en geverifieerd

Elke site in deze lijst is geverifieerd met:

  • PageSpeed Insights (mobiel en desktop) — getest 3 keer, mediaanscore gebruikt
  • Chrome DevTools Lighthouse (v12.2) voor performance audits
  • Wappalyzer en BuiltWith voor stack detectie
  • CrUX Dashboard voor echte gebruikers Core Web Vitals waar beschikbaar
  • View Source / __NEXT_DATA__ om Next.js gebruik te bevestigen
  • HTTP Archive voor historische performance trends

Ik voerde alle tests uit vanaf een US East locatie op een standaardverbinding (Cable/DSL throttling in Lighthouse). Scores werden vastgelegd tussen januari en maart 2026.

Een voorbehoud: Lighthouse scores fluctueren. Een site die vandaag 92 score kan morgen 88 raken. Ik gebruik deze als directionale indicatoren, niet als evangelie. De Core Web Vitals data van CrUX (echte gebruikers) is veel betrouwbaarder voor het begrijpen van de werkelijke gebruikerservaring.

De top 50 Next.js websites

Hier is de volledige lijst georganiseerd op Lighthouse performance score tiers. Ik zal diep duiken in de meest interessante en korte annotaties geven voor de rest.

50 beste Next.js websites in 2026: architectuur

Tier 1: Performance legendes (95+ Lighthouse)

Deze sites zijn absurd snel. Ze hebben zware afwegingen gemaakt om hier aan te komen.

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

Linear is de gouden standaard voor Next.js performance. Hun marketing site scoort consistent 98+ op Lighthouse desktop. LCP onder 0.8s. CLS van 0. Zero layout shift.

Stack: Next.js 15 (App Router), Turbopack, custom design system, Vercel Edge Network, geen third-party analytics op initieel laden.

Waarom het snel is: Linear's team stelt agressief alles niet-kritisch uit. Hun hero animatie gebruikt CSS-only technieken met GPU-gecomponeerde transforms. Geen JavaScript animatiebibliotheken op het kritieke pad. Afbeeldingen worden bediend via Vercel's Image Optimization met agressieve AVIF conversie. Ze gebruiken ook granulaire route-level code splitting — elke pagina laadt alleen wat het nodig heeft.

Belangrijk inzicht: Ze verzenden bijna nul client-side JavaScript op hun marketing pagina's. Server Components doen het zware werk.

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

Je zou verwachten dat Vercel's eigen site snel is, en het levert. De homepage rendert in minder dan 600ms op desktop.

Stack: Next.js 15.2 (App Router met PPR), Edge Middleware, Contentlayer voor docs, custom component library, Vercel Edge Network.

Waarom het snel is: Partial Prerendering is de ster hier. De statische shell laadt onmiddellijk terwijl dynamische componenten (pricing calculator, auth state) streamen in. Ze hebben het patroon dat iedereen anders op deze lijst kopieert, gepioneerd.

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

Anthropics bedrijfssite is bedrieglijk eenvoudig — en daarom schreeuwt het. Minimale JavaScript, server-gerenderde inhoud en een typografie-eerst design aanpak.

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

Waarom het snel is: Content-zware sites hoeven niet langzaam te zijn. Anthropic bewijst dat een headless CMS aanpak gekoppeld aan slimme caching strategieën sub-seconde laadtijden kan leveren zelfs met rijke inhoud.

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

Cursor's marketing site is een meesterwerk in terughoudendheid. Ondanks het showcasen van een AI code editor met complexe demo's, laadt de pagina bliksemssnel.

Stack: Next.js 15, Framer Motion (lazy-loaded), custom WebGL elementen (uitgesteld), Vercel.

Waarom het snel is: De WebGL achtergrondanimatie laadt niet tot na LCP. De above-the-fold inhoud is pure HTML en CSS. Slimme prioritering.

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

Railway's herontworpen site (gelanceerd Q4 2025) is prachtig en snel. Dark theme, vloeiende animaties en een 95 Lighthouse score.

Stack: Next.js 15, App Router, custom animation system, MDX voor docs, zelf-gehost (natuurlijk).

Site 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: Meer sub-seconde wonderbaarlijkheden

6. Cal.com (cal.com) — Score: 96. Open-source scheduling. Hun marketing site gebruikt ISR met 60-seconde revalidatie. Stack: Next.js 15, Prisma, tRPC, Tailwind.

7. Raycast (raycast.com) — Score: 95. Mooi gëanimeerd maar voorzichtig met JavaScript bundles. Gebruikt next/image uitgebreid.

8. Resend (resend.com) — Score: 97. Zeno Rocha's email API bedrijf. Minimalistische design, maximale performance. Een van de leanste Next.js sites die ik ooit heb geaudit.

9. Dub.co (dub.co) — Score: 95. Steven Tey's link management platform. Open-source, mooi gebouwd en snel.

10. Supabase (supabase.com) — Score: 95. Hun docs en marketing site draaien op Next.js met MDX. Ongelooflijk goed geoptimaliseerde afbeeldingspijplijn.

Tier 2: Uitstekende productiesites (85-94 Lighthouse)

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

Stripe's documentatie portal werd in 2025 heropgebouwd op Next.js en het is fenomenaal. De zoekfunctie is instant (aangedreven door Algolia), code samples renderen server-side en navigatie voelt inheems.

Stack: Next.js 15, custom Markdoc-gebaseerd content system, Algolia search, custom syntax highlighting (server-rendered).

Waarom het ertoe doet: Stripe bewijst dat documentation sites — die content-zwaar en navigatie-zwaar zijn — bliksemssnel kunnen zijn op Next.js. Hun server-gerenderde code blocks elimineren de flits van unstyled inhoud die je ziet op de meeste docs sites.

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

Notion's public-facing site (niet de app zelf) draait op Next.js en scoort een respectabele 91. De app is een ander verhaal — het's een complexe React SPA — maar de marketing site toont slimme architectuurbeslissingen.

Stack: Next.js 15, custom CMS (ze eten hun eigen dogfood — inhoud beheerd in Notion), Cloudflare CDN.

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

Deze verraste me. Shopify is progressief hun admin panel migreren naar Next.js (weg van hun Ruby on Rails monoliet), en de nieuwe secties die Next.js uitvoeren zijn merkbaar sneller. De Lighthouse score van 88 is indrukwekkend voor een complexe admin applicatie.

Stack: Next.js 15 (App Router), Polaris design system, GraphQL (Storefront API), custom edge caching laag.

14-25: De sterke middengrond

# Site Score Opmerkelijke tech keuze
14 Loom (loom.com) 93 Video thumbnails lazy-loaded via Intersection Observer
15 Hashnode (hashnode.com) 92 Multi-tenant Next.js met ISR voor blog posts
16 Hulu (hulu.com) 89 Streaming SSR voor gepersonaliseerde inhoud
17 TikTok Web (tiktok.com) 87 Massale schaal, edge-gerenderde feeds
18 Twitch (twitch.tv) 86 Gedeeltelijke migratie, Next.js voor non-streaming pages
19 Binance (binance.com) 90 Real-time WebSocket data met statische shell
20 Perplexity (perplexity.ai) 91 Streaming AI responses via RSC
21 Midjourney (midjourney.com) 89 Galerie met gevirtualiseerde afbeeldingsraster
22 Arc Browser (arc.net) 93 Mooie animaties, uitgestelde JS
23 Framer (framer.com) 90 Meta — een website builder gebouwd met Next.js
24 Clerk (clerk.com) 92 Auth provider gebruikt hun eigen product
25 Neon (neon.tech) 91 Postgres bedrijf, MDX docs, ISR

Tier 3: Solide performers (75-84 Lighthouse)

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

Nike's e-commerce aanwezigheid op Next.js is een getuigenis van het framework dat massale catalogi afhandelt. Met miljoen SKU's, gebruiken hun product pagina's ISR met on-demand revalidatie. De score is niet topnotch vanwege third-party scripts (analytics, A/B testing, personalisatie), maar de kernarchitectuur is solide.

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

Target migreerde in 2025 naar Next.js. Hun product detail pagina's scoren goed gezien het gewicht van e-commerce vereisten — productaanbevelingen, reviews, voorraadbeheer en prijsstelling renderen allemaal dynamisch.

28-40: Productie werkpaarden

# Site Score Categorie
28 Zapier (zapier.com) 84 SaaS / Automatisering
29 Grammarly (grammarly.com) 83 SaaS / Schrijven
30 Figma (figma.com) 81 Design Tools
31 GitHub (github.com) — gedeeltelijk 80 Developer Tools
32 Coinbase (coinbase.com) 82 Fintech / Crypto
33 Opensea (opensea.io) 78 NFT Marktplaats
34 Notion Calendar (calendar.notion.so) 84 Productiviteit
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 Projectmanagement
40 Wiz (wiz.io) 83 Cybersecurity

Tier 4: Zwaar maar indrukwekkend (onder 75 Lighthouse)

Deze sites offeren ruwe Lighthouse scores op voor rijke interactiviteit. Dat's een geldige afweging — en soms de juiste.

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

OpenAI's ChatGPT web interface draait op Next.js. De lagere score is logisch — het's een real-time conversatie interface met streaming responses, WebSocket verbindingen en complexe state management. Je kunt een chat interface niet server-renderen op dezelfde manier als een marketing pagina.

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

Spotify's web player is gedeeltelijk gebouwd op Next.js. Audiostreaming, real-time lyrics en complexe UI state maken hoge Lighthouse scores bijna onmogelijk. Maar de waargenomen performance is uitstekend dankzij optimistische UI patronen.

43-50: Complexe applicaties

# Site Score Waarom de score lager is
43 Canva (canva.com) 71 Canvas-zware design tool
44 Miro (miro.com) 69 Real-time collaboratief whiteboard
45 Linear App (app.linear.app) 74 Complexe projectmanagement SPA
46 Vercel Dashboard (vercel.com/dashboard) 73 Real-time deployment logs, WebSockets
47 Retool (retool.com) 70 Internal tool builder, zware widgets
48 Airtable (airtable.com) 67 Spreadsheet-achtige interface
49 Webflow (webflow.com/dashboard) 72 Visuele builder, complexe drag-and-drop
50 Pitch (pitch.com) 71 Presentatie tool, real-time collab

Merk je iets op? De marketing sites voor deze producten (Linear, Vercel) scoren 95+, terwijl hun werkelijke applicaties scoren 70-74. Dat's geen mislukking — het zijn verschillende vereisten. Een projectmanagement app met real-time sync kan niet zo licht zijn als een marketing pagina. Dit onderscheid begrijpen is cruciaal.

Stack patronen over alle 50 sites

Na het auditten van alle 50 sites, ontstonden duidelijke patronen:

Hosting distributie

Platform Aantal Percentage
Vercel 28 56%
AWS (custom) 9 18%
Cloudflare 6 12%
Zelf-gehost 4 8%
Overig 3 6%

CSS strategie

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

Tailwind's dominantie is nog veel uitgesprokenener dan ik verwachtte. In 2024 was het ongeveer 50%. De verschuiving naar utility-first CSS in Next.js projecten versnelt.

CMS keuzes

Van de 50 sites, gebruiken 31 een vorm van headless CMS:

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

Sanity's voorsprong is opmerkelijk. De real-time preview mogelijkheden en GROQ query taal werken natuurlijk samen met Next.js's server components. Als je content-gedreven sites bouwt, kan ons headless CMS development team je helpen de juiste combinatie te kiezen.

Next.js versiedistributie

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

De migratie naar 15 is sneller geweest dan de 13→14 transitie, waarschijnlijk omdat Turbopack en PPR aantrekkelijk genoeg redenen zijn om te upgraden.

Core Web Vitals breakdown

Met CrUX data (echte gebruikers metriek van Chrome gebruikers), hier is hoe de top 20 sites presteren tegen Google's drempels:

LCP (Grootste Contentful Paint)

  • Goed (≤2.5s): 18 van 20 sites (90%)
  • Moet verbeteren (2.5-4s): 2 van 20 sites (10%)
  • Slecht (>4s): 0 sites

INP (Interaction to Next Paint — vervangen FID in 2024)

  • Goed (≤200ms): 16 van 20 sites (80%)
  • Moet verbeteren (200-500ms): 4 van 20 sites (20%)
  • Slecht (>500ms): 0 sites

CLS (Cumulatieve Layout Shift)

  • Goed (≤0.1): 19 van 20 sites (95%)
  • Moet verbeteren (0.1-0.25): 1 van 20 sites (5%)
  • Slecht (>0.25): 0 sites

CLS is waar Next.js echt schittert. De next/image component met vereiste width/height props, gecombineerd met next/font voor font loading, betekent dat layout shifts bijna standaard worden geëlimineerd. Je moet actief werken om CLS problemen in een moderne Next.js app te veroorzaken.

Architectuurbeslissingen die het stelen waard zijn

Na het bestuderen van deze 50 sites, hier zijn de patronen die ik in elk nieuw project zou brengen:

1. Partial Prerendering voor marketing + auth

Vercel, Cal.com en Clerk gebruiken allemaal PPR om een statische shell te serveren met dynamische auth state die streamt in. Dit elimineert het "flash of logged-out content" probleem zonder TTFB op te offeren.

// 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 onmiddellijk */}
          <Suspense fallback={<AuthSkeleton />}>
            {/* Auth state streamt dynamisch */}
            <AuthButton />
          </Suspense>
        </nav>
        {children}
      </body>
    </html>
  );
}

2. Uitgestelde zware componenten

Linear, Cursor en Railway stellen allemaal WebGL/canvas/animation componenten uit tot na LCP:

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

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

3. Server-gerenderde code blocks

Stripe Docs, Supabase en Tailwind CSS renderen allemaal syntax-gemarkeerde code op de server, vermijdend de "flash of unhighlighted code" die meeste documentation sites plaagt. Ze gebruiken bibliotheken als shiki die in Node.js draaien:

// Dit draait op de server — nul 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 voor geolocatie/personalisatie

Binance, Nike en Hulu gebruiken Next.js middleware aan de edge voor geolocatie, A/B testing en personalisatie zonder client-side gewicht toe te voegen:

// 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;
}

Deze patronen zijn niet theoretisch — ze draaien nu in productie en bedienen miljoen gebruikers. Als je hulp wilt met het implementeren van soortgelijke architecturen, neem contact op met ons team of controleer onze prijzen voor projectramingen.

Veelgestelde vragen

Hoe controleer ik of een website is gebouwd met Next.js? De gemakkelijkste methode is controleren op __NEXT_DATA__ in de pagina bron of zoeken naar /_next/ in netwerk requests. Je kunt ook browser extensies als Wappalyzer of BuiltWith gebruiken. Voor App Router sites met Server Components, het __NEXT_DATA__ script tag kan afwezig zijn — zoek in plaats daarvan naar de RSC payload in network requests (filter op "rsc" in Chrome DevTools).

Waarom scoren Next.js marketing sites hoger dan Next.js applicaties? Marketing sites zijn vooral content delivery — ze serveren statische of semi-statische inhoud met minimale client-side interactiviteit. Applicaties als projectmanagement tools, chat interfaces of design tools vereisen zware client-side JavaScript voor real-time functies, state management en complexe interacties. Een Lighthouse score van 72 voor een real-time collaboratief tool is eigenlijk uitstekend. Vergelijk geen appels met peren.

Is Next.js sneller dan Astro voor statische sites? Voor zuiver statische, content-gedreven sites met minimale interactiviteit, Astro levert meestal kleinere bundles en snellere laadtijden op omdat het standaard nul JavaScript verzendt. Next.js wint wanneer je een mix van statische inhoud en dynamische functies nodig hebt, API routes, authenticatie of complexe interactiviteit. Veel teams (waaronder de onze) gebruiken beide — Astro voor docs/blogs en Next.js voor applicaties.

Welke Lighthouse score zou ik streven met Next.js? Voor marketing sites en landingspagina's, richt op 90+ op mobiel en 95+ op desktop. Voor e-commerce product pagina's, 80+ is realistisch gezien third-party script vereisten. Voor complexe web applicaties, iets hoger dan 70 is solide. De werkelijke metriek om te volgen is Core Web Vitals van CrUX data — dat weerspiegelt werkelijke gebruikerservaring, niet synthetische lab tests.

Maakt Vercel hosting Next.js sneller? Ja, meetbaar. Vercel's edge network is speciaal geoptimaliseerd voor Next.js — functies als ISR, PPR en edge middleware draaien inheems op hun infrastructuur. In mijn testen scoort dezelfde Next.js app geimplementeerd op Vercel typisch 3-8 punten hoger op Lighthouse vergeleken met een generieke Node.js implementatie op AWS EC2. Dat gezegd, AWS met CloudFront of Cloudflare Workers kunnen Vercel's performance gelijkmatigen met meer configuratie inspanning.

Welke headless CMS werkt het beste met Next.js in 2026? Gebaseerd op deze analyse, is Sanity de meest populaire keuze onder high-performance Next.js sites. De real-time preview, GROQ query taal en TypeScript ondersteuning integreren natuurlijk met de App Router. Contentful is het enterprise default. Payload CMS wint aan grip als open-source alternatief. De beste keuze hangt af van je content modeling behoeften, teamgrootte en budget.

Hoe behandelen deze sites afbeeldingen voor performance? Bijna alle 50 sites gebruiken next/image met automatische AVIF/WebP conversie. De top performers implementeren ook agressief lazy loading — alleen above-the-fold afbeeldingen gebruiken priority={true}, alles ander lazy-loaded via Intersection Observer. Verschillende sites (Linear, Resend) gebruiken SVG illustraties in plaats van raster afbeeldingen voor hero secties, eliminerend image optimization helemaal.

Kan ik een e-commerce site met Next.js bouwen die hoger dan 90 scoort? Ja, maar het vereist discipline. De sites op deze lijst die 90+ scores bereiken op e-commerce pagina's doen dit door analytics zelf te hosten, third-party scripts te minimaliseren, server components voor product data fetching te gebruiken en agressief cachen met ISR. Zodra je Google Tag Manager, een chat widget en drie A/B testing tools toevoegt, kijk je naar 75-85 ongeacht je framework keuze.