Udvikling 14. oktober 2026
Web- og apptek 2026: Next.js 16, React 19.2, edge og AI-klar indhold
Next.js 16 ændrede som standard build-værktøjet, cachemodellen og navnet på middleware. Det, der tæller for en websiteejer, er hastighed, vedligeholdelse og indhold, som maskiner kan læse.
Valget af webteknologi i 2026 handler mindre om mode og mere om resultat. Tre spørgsmål: er siden hurtig, er den nem at vedligeholde, og kan robotter også læse indholdet.
Hvad der ændrede sig i Next.js 16
- Turbopack er stabil og standard-bundler: produktionsbuilds er 2-5 gange hurtigere og Fast Refresh op til 10 gange hurtigere
- Cache Components: caching er nu tydeligt frivillig og bygger på direktivet »use cache«
- middleware.ts blev erstattet af filen proxy.ts, som kører i Node.js-miljø (til edge bliver den gamle fil, men er forældet)
- Forbedret routing: et fælles layout hentes én gang, ikke for hvert link
- React 19.2: View Transitions, useEffectEvent og Activity
Samtidig steg minimumskravene: Node.js 20.9+, TypeScript 5.1+ og moderne browsere (Chrome 111+, Safari 16.4+). Understøttelsen af AMP blev fjernet helt.
Eksempel: en side med 50 produktlinks hentede tidligere et separat layout for hvert link med prefetch. Next.js 16 henter det fælles layout én gang, hvilket mærkbart reducerer datamængden uden kodeændringer. Resultatet er hurtigere navigation, men flere enkeltstående prefetch-forespørgsler.
Hvad der tæller for websiteejeren
- Servergenereret eller forudgenereret HTML: indholdet findes også uden JavaScript, hvilket hjælper både robotter og hastighed
- Core Web Vitals: LCP, INP og CLS i det gode område (ifølge Web Almanac 2025 består 48 % af mobilsites alle tre)
- Vedligeholdelse: indhold kan ændres uden udvikler, og strukturen er klar
- Sikkerhed: opdaterede afhængigheder, kontrolleret konfiguration af billeder (Next.js 16 strammede standardværdierne i next/image)
AI-klar indhold: hvad det egentlig er
Googles vejledning fra maj 2026 siger, at AI-søgning ikke kræver særlige filer eller markering. »AI-klar« betyder derfor almindelig hygiejne: indekserbare sider, tekst i HTML, tydelig overskriftsstruktur, forfatter og dato. Vejledningen anbefaler også semantisk HTML og en god sideoplevelse, fordi browseragenter læser siden gennem DOM og tilgængelighedstræet.
Hvad skal du vælge: tre situationer
- Indholdstungt website (blog, services, cases): forudgenererede sider og et CMS, hvor indholdet redigeres i admin
- Interaktiv applikation (konto, priskalkulator): serverkomponenter til hovedindholdet og klient kun der, hvor der er brug for interaktivitet
- Begge dele: samme projekt, hvor de offentlige sider er statiske og værktøjerne dynamiske
Hvad du ikke skal gøre
- Bygge alt klientrenderet og håbe, at robotten kører JavaScript
- Indlæse tredjepartsscripts på hver side »for en sikkerheds skyld«
- Opgradere en stor version uden test (Next.js 16 gjorde params, cookies og headers asynkrone)
- Vælge en teknologi, som teamet ikke kan vedligeholde
Dette website er bygget med Next.js 16 og Payload CMS: de offentlige sider er forudgenererede, og indholdet redigeres i admin. Valget følger netop af de tre spørgsmål.
Hvad du kan spørge din udvikler om
- Er de offentlige sider forudgenererede eller renderet på serveren
- Hvordan ændres indholdet, og hvem gør det
- Hvilke tredjepartsscripts ligger på siden, og hvorfor
- Hvordan og hvor ofte opdateres afhængighederne
Disse fire spørgsmål beskytter dig mod de fleste senere overraskelser.
Tre spørgsmål ved opgradering
Hvordan skifter man til Next.js 16?
Den officielle vej er en codemod: npx @next/codemod@canary upgrade latest. Kontrollér derefter manuelt de asynkrone anvendelser af params, cookies og headers samt omdøbningen middleware.ts → proxy.ts.
Kan Turbopack slås fra?
Ja. Ved en tilpasset webpack-konfiguration bruges flagene next dev --webpack og next build --webpack.
Hvad skal man kontrollere ved billeder?
Next.js 16 ændrede standardværdierne i next/image: minimumCacheTTL er nu 4 timer, qualities er som standard [75], og lokale kilder med querystring kræver konfiguration af localPatterns. Kontrollér din konfiguration før udgivelsen.
