Ik heb de afgelopen drie maanden production Next.js sites geaudit. Geen speelprojecten. Geen starter templates. Echte websites die miljoenen gebruikers bedienen — en ik heb hun Lighthouse-scores geanalyseerd, hun buildkeuzes ontleed en gedocumenteerd wat hen werkelijk snel maakt.

Dit is geen ander lijstje waar iemand een screenshot van een homepage maakt en het voor gezien houdt. Elke site hier is getest met PageSpeed Insights, geverifieerd via Wappalyzer en built.with voor stackverificatie, 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: Real Production Builds

Waarom Next.js productie in 2026 domineert

Next.js ondersteunt ongeveer 1,2 miljoen actieve websites vanaf Q1 2026, volgens BuiltWith-gegevens. Dat is een stijging van ongeveer 900K in begin 2025. De dominantie van het framework is niet toevallig — het is het resultaat van specifieke technische voordelen die van belang zijn wanneer je echte producten uitgeeft.

De App Router is aanzienlijk volwassen geworden. Server Components zijn niet langer experimenteel — ze zijn het standaardgedachtemodel. Partial Prerendering (PPR) is stabiel uitgebracht in Next.js 15.1 en heeft fundamenteel veranderd hoe teams nadenken over statische versus dynamische inhoud. En Turbopack is nu de standaardbundler, wat buildtijden met 40-60% verkort in vergelijking met webpack.

Maar hier is wat werkelijk van belang: het ecosysteem. Vercel's infrastructuur, de middlewarelaag, ISR-verbeteringen en eersteklas ondersteuning voor edge computing betekenen dat teams wereldwijd gedistribueerde applicaties kunnen uitbrengen zonder hun eigen CDN-infrastructuur uit te voeren. Daarom zie je iedereen van startups tot Fortune 500-bedrijven er op bouwen.

Als je Next.js overweegt voor je volgende project, heeft ons Next.js-ontwikkelingsteam tientallen productiesites met vergelijkbare architecturen als hieronder uitgebracht.

Hoe ik elke site heb getest en geverifieerd

Elke site in deze lijst is geverifieerd met behulp van:

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

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 kanttekening: Lighthouse-scores fluctueren. Een site die vandaag 92 scoort, kan morgen 88 scoren. Ik gebruik deze als richtingindicatoren, niet als evangelie. De Core Web Vitals-gegevens van CrUX (echte gebruikers) zijn veel betrouwbaarder voor het begrijpen van werkelijke gebruikerservaring.

De top 50 Next.js websites

Hier is de volledige lijst ingedeeld naar Lighthouse-performancescores. Ik ga dieper in op de interessantste en geef korte aantekeningen voor de rest.

50 beste Next.js websites in 2026: Real Production Builds - architectuur

Tier 1: Performance legendes (95+ Lighthouse)

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

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

Linear is de gouden standaard voor Next.js-performance. Hun marketingsite scoort consistent 98+ op Lighthouse desktop. LCP onder 0,8s. CLS van 0. Nul layoutverschuiving.

Stack: Next.js 15 (App Router), Turbopack, aangepast designsysteem, Vercel Edge Network, geen analyse van derden op initiële laden.

Waarom het snel is: Het team van Linear stelt alles niet-essentieel aggressief uit. Hun hero-animatie gebruikt alleen CSS-technieken met GPU-gecomposeerde transforms. Geen JavaScript-animatiebibliotheken op het kritieke pad. Afbeeldingen worden via Vercel's Image Optimization bediend met agressieve AVIF-conversie. Ze gebruiken ook granulaire route-niveau codesplitsing — elke pagina laadt alleen wat nodig is.

Belangrijkste conclusie: Ze sturen bijna nul client-side JavaScript op hun marketingpagina's. Server Components doen het zware werk.

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

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

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

Waarom het snel is: Partial Prerendering is hier de ster. De statische shell laadt onmiddellijk terwijl dynamische componenten (prijscalculator, auth-status) instromen. Ze hebben het patroon gepioneerd dat iedereen anders op deze lijst kopieert.

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

Anthropic's bedrijfssite is bedrieglijk eenvoudig — en dat is precies waarom het schreeuwt. Minimaal JavaScript, server-weergegeven inhoud en een typografie-eerst designbenadering.

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

Waarom het snel is: Inhoudsrijke sites hoeven niet traag te zijn. Anthropic bewijst dat een headless CMS-benadering gekoppeld aan slimme cachingstrategieën sub-seconde laadtijden kan leveren, zelfs met rijke inhoud.

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

Cursor's marketingsite is een meesterklas in terughoudendheid. Ondanks het showcasen van een AI-code-editor met complexe demo's, laadt de pagina bliksemnel.

Stack: Next.js 15, Framer Motion (lui geladen), aangepaste WebGL-elementen (uitgesteld), Vercel.

Waarom het snel is: De WebGL-achtergrondanimatie laadt niet tot na LCP. De inhoud boven de vouw is pure HTML en CSS. Slimme prioritering.

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

Railway's herontworpen site (gelanceerd Q4 2025) is prachtig en snel. Donker thema, vloeiende animaties en een Lighthouse-score van 95.

Stack: Next.js 15, App Router, aangepast animatiesysteem, MDX voor docs, zelf-gehost (uiteraard).

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 wonderen

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

7. Raycast (raycast.com) — Score: 95. Mooi geanimeerd maar voorzichtig met JavaScript-bundels. Gebruikt next/image veel.

8. Resend (resend.com) — Score: 97. Zeno Rocha's e-mail-API-bedrijf. Minimalistisch 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 linkbeheersplatform. Open-source, prachtig gebouwd en snel.

10. Supabase (supabase.com) — Score: 95. Hun docs- en marketingsite draaien op Next.js met MDX. Ongelooflijk goed geoptimaliseerde afbeeldingenpijplijn.

Tier 2: Uitstekende productiesites (85-94 Lighthouse)

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

Stripe's documentatieportal werd in 2025 opnieuw gebouwd op Next.js en het is fenomenaal. De zoekfunctie is onmiddellijk (aangedreven door Algolia), codevoorbeelden renderen server-side en navigatie voelt inheems.

Stack: Next.js 15, aangepast Markdoc-gebaseerd contentsysteem, Algolia-zoeken, aangepaste syntaxismarkering (server-weergegeven).

Waarom het van belang is: Stripe bewijst dat documentatiesites — die inhouds- en navigatieintensief zijn — bliksemnel kunnen zijn op Next.js. Hun server-weergegeven codeblokken elimineren de flash van niet-stijled inhoud die je op de meeste docs-sites ziet.

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

Notion's openbare site (niet de app zelf) draait op Next.js en scoort een respectabele 91. De app is een ander verhaal — het is een complexe React SPA — maar de marketingsite demonstreert slimme architecturkeuzes.

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

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

Dit verraste me. Shopify is geleidelijk aan het migreren van hun admin-paneel naar Next.js (weg van hun Ruby on Rails monoliet), en de nieuwe secties die op Next.js draaien zijn merkbaar sneller. De Lighthouse-score van 88 is indrukwekkend voor een complexe beheerapplicatie.

Stack: Next.js 15 (App Router), Polaris designsysteem, GraphQL (Storefront API), aangepaste edge-cachelaaag.

14-25: De sterke middengroep

# Site Score Opvallende technologiekeuze
14 Loom (loom.com) 93 Videominiaturen lui geladen via Intersection Observer
15 Hashnode (hashnode.com) 92 Multi-tenant Next.js met ISR voor blogberichten
16 Hulu (hulu.com) 89 Streaming SSR voor gepersonaliseerde inhoud
17 TikTok Web (tiktok.com) 87 Massale schaal, edge-weergegeven feeds
18 Twitch (twitch.tv) 86 Gedeeltelijke migratie, Next.js voor niet-streamingpagina's
19 Binance (binance.com) 90 Realtime WebSocket-gegevens met statische shell
20 Perplexity (perplexity.ai) 91 Streaming AI-reacties via RSC
21 Midjourney (midjourney.com) 89 Galerij met gevirtualiseerd afbeeldingenraster
22 Arc Browser (arc.net) 93 Mooie animaties, uitgesteld JS
23 Framer (framer.com) 90 Meta — een website-bouwer gebouwd met Next.js
24 Clerk (clerk.com) 92 Auth-provider die hun eigen product gebruikt
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-commerceaanwezigheid op Next.js is een bewijs dat het framework enorme catalogi kan verwerken. Met miljoenen SKU's gebruiken hun productpagina's ISR met on-demand revalidatie. De score is niet topnotch vanwege scripts van derden (analyses, A/B-testen, personalisatie), maar de kernarchitectuur is solide.

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

Target migreerde in 2025 naar Next.js. Hun productdetailpagina's scoren goed gezien het gewicht van e-commerce-vereisten — productaanbevelingen, beoordelingen, voorraadbeschikbaarheid en prijzen 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 Designtools
31 GitHub (github.com) — gedeeltelijk 80 Ontwikkelaarstools
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 Analyses
36 Planetscale (planetscale.com) 84 Database
37 Tailwind CSS (tailwindcss.com) 82 Ontwikkelaardocs
38 Prisma (prisma.io) 81 ORM / Database
39 Monday.com (monday.com) 79 Projectmanagement
40 Wiz (wiz.io) 83 Cyberbeveiliging

Tier 4: Zwaar maar indrukwekkend (Onder 75 Lighthouse)

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

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

OpenAI's ChatGPT-webinterface draait op Next.js. De lagere score is logisch — het is een real-time conversatie-interface met streamingresponsen, WebSocket-verbindingen en complex statusbeheer. Je kunt een chatinterface niet server-weergeven op dezelfde manier als je een marketingpagina zou weergeven.

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

Spotify's webspeler is gedeeltelijk gebouwd op Next.js. Audiostreaming, realtime lyrics en complexe UI-status 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 designtool
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 implementatielogboeken, WebSockets
47 Retool (retool.com) 70 Interne toolbouwer, zware widgets
48 Airtable (airtable.com) 67 Spreadsheet-achtige interface
49 Webflow (webflow.com/dashboard) 72 Visuele bouwer, complexe slepen en droppen
50 Pitch (pitch.com) 71 Presentatietool, realtime samenwerking

Zie je iets? De marketingsites voor deze producten (Linear, Vercel) scoren 95+, terwijl hun werkelijke applicaties 70-74 scoren. Dat is geen mislukking — het zijn verschillende vereisten. Een projectmanagement-app met real-time sync kan niet even licht zijn als een marketingpagina. Het begrijpen van dit onderscheid is cruciaal.

Stack-patronen over alle 50 sites

Na het auditenen van alle 50 sites ontstonden duidelijke patronen:

Hostingdistributie

Platform Aantal Percentage
Vercel 28 56%
AWS (aangepast) 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 meer uitgesproken dan ik verwachtte. In 2024 was het rond 50%. De verschuiving naar utility-first CSS in Next.js-projecten versnelt.

CMS-keuzes

Van de 50 sites gebruiken 31 een of ander soort headless CMS:

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

De voorsprong van Sanity is opmerkelijk. De real-time preview-mogelijkheden en GROQ-querytaal zijn natuurlijk gekoppeld aan Server Components van Next.js. Als je inhaalgedreven sites bouwt, kan ons headless CMS-ontwikkelingsteam 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-overgang, waarschijnlijk omdat Turbopack en PPR overtuigend genoeg redenen zijn om een upgrade uit te voeren.

Core Web Vitals uitsplitsing

Met behulp van CrUX-gegevens (echte gebruikerswaarden van Chrome-gebruikers), hier is hoe de top 20 sites presteren tegen Google's drempels:

LCP (Grootste inhoudsvolle paint)

  • Goed (≤2,5s): 18 van 20 sites (90%)
  • Behoefte aan verbetering (2,5-4s): 2 van 20 sites (10%)
  • Slecht (>4s): 0 sites

INP (Interactie naar volgende paint — vervangen FID in 2024)

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

CLS (Cumulatieve layoutverschuiving)

  • Goed (≤0,1): 19 van 20 sites (95%)
  • Behoefte aan verbetering (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 breedte/hoogte-props, gecombineerd met next/font voor lettertypelaad, betekent dat layoutverschuivingen standaard bijna worden geëlimineerd. Je moet actief moeite doen om CLS-problemen in een moderne Next.js-app te veroorzaken.

Architectuurbeslissingen die het stelen waard zijn

Na het bestuderen van deze 50 sites, zijn hier 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 auth-status die instroomt. Dit elimineert het "flash van niet-ingelogde inhoud"-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 wordt onmiddellijk weergegeven */}
          <Suspense fallback={<AuthSkeleton />}>
            {/* Auth-status stroomt dynamisch in */}
            <AuthButton />
          </Suspense>
        </nav>
        {children}
      </body>
    </html>
  );
}

2. Uitgestelde zware componenten

Linear, Cursor en Railway stellen allemaal WebGL/canvas/animatiecomponenten 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-weergegeven codeblokken

Stripe Docs, Supabase en Tailwind CSS renderen alle syntaxisgemarkeerde code op de server, vermijdend de "flash van gemarkeerde code" die de meeste documentatiesites teistert. 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-testen 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 miljoenen gebruikers. Als je hulp nodig hebt bij het implementeren van vergelijkbare architecturen, neem contact op met ons team of controleer onze prijzen voor projectschattingen.

Veelgestelde vragen

Hoe verifieer ik of een website met Next.js is gebouwd? De gemakkelijkste methode is het controleren op __NEXT_DATA__ in de paginabron of het zoeken naar /_next/ in netwerkverzoeken. Je kunt ook browserextensies gebruiken zoals Wappalyzer of BuiltWith. Voor App Router-sites met Server Components is het script __NEXT_DATA__ mogelijk afwezig — zoek in plaats daarvan naar de RSC-payload in netwerkverzoeken (filter op "rsc" in Chrome DevTools).

Waarom scoren Next.js-marketingsites hoger dan Next.js-applicaties? Marketingsites zijn primair inhoudslevering — ze leveren statische of semi-statische inhoud met minimale client-side interactiviteit. Applicaties zoals projectmanagement-tools, chatinterfaces of designtools vereisen veel client-side JavaScript voor realtime functies, statusbeheer en complexe interacties. Een Lighthouse-score van 72 voor een real-time collaboratieve tool is eigenlijk uitstekend. Vergelijk geen appels met peren.

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

Welke Lighthouse-score moet ik nastreven met Next.js? Voor marketingsites en landingspagina's, streef naar 90+ op mobiel en 95+ op desktop. Voor e-commerce productpagina's is 80+ realistisch gezien vereisten voor scripts van derden. Voor complexe webapplicaties is alles boven 70 solide. De werkelijke metriek om in de gaten te houden is Core Web Vitals van CrUX-gegevens — dat weerspiegelt werkelijke gebruikerservaring, niet synthetische labtest.

Maakt Vercel-hosting Next.js sneller? Ja, meetbaar zo. Vercel's edge-netwerk is specifiek geoptimaliseerd voor Next.js — functies zoals ISR, PPR en edge-middleware draaien inheems op hun infrastructuur. In mijn testen scoort dezelfde Next.js-app op Vercel doorgaans 3-8 punten hoger op Lighthouse vergeleken met een generieke Node.js-implementatie op AWS EC2. Dat gezegd zijnde, AWS met CloudFront of Cloudflare Workers kan Vercel's performance evenaren met meer configuratiewerk.

Welke headless CMS werkt het beste met Next.js in 2026? Op basis van deze analyse is Sanity de meest populaire keuze onder sites met hoge performance Next.js. De real-time preview, GROQ-querytaal en TypeScript-ondersteuning integreren natuurlijk met de App Router. Contentful is de enterprise-standaard. Payload CMS wint terrein als open-source alternatief. De beste keuze hangt af van je inhoudsmodelleringsvereisten, teamgrootte en budget.

Hoe gaan deze sites met afbeeldingen om voor performance? Bijna alle 50 sites gebruiken next/image met automatische AVIF/WebP-conversie. De top performers implementeren ook agressieve lui laden — alleen afbeeldingen boven de vouw gebruiken priority={true}, al het andere laadt lui via Intersection Observer. Verschillende sites (Linear, Resend) gebruiken SVG-illustraties in plaats van rasterafbeeldingen voor heliogedeelten, wat afbeeldingsoptimalisatie volledig elimineert.

Kan ik een e-commercesite met Next.js bouwen die boven 90 scoort? Ja, maar het vereist discipline. De sites in deze lijst die 90+ scoren op e-commercepagina's bereiken dit door analytics zelf te hosten, scripts van derden te minimaliseren, Server Components voor productgegevens op te halen en agressieve caching met ISR te implementeren. Op het moment dat je Google Tag Manager, een chatwidget en drie A/B-testinghulpmiddelen toevoegt, kijk je naar 75-85 ongeacht je frameworkkeuze.