Hvad er Next.js, og hvad tilføjer det ud over React?

Question

Accepted Answer

**Next.js** er et full-stack React **framework**. React i sig selv er blot et UI-bibliotek — det renderer komponenter, men overlader routing, datahentning, server rendering og build-værktøjer til dig. Next.js leverer alt dette ud af boksen, plus en server runtime. ## Hvad React alene lader være at gøre (og Next.js tilføjer) ```text React (library) → Next.js (framework) adds: ────────────────────────────────────────────────── UI rendering only → File-based routing (folders = routes) Client-side rendering → Server rendering (SSR), static generation (SSG), ISR You wire data fetching → Built-in data fetching + caching No backend → API routes / Route Handlers (full-stack) Manual bundling → Zero-config build, code splitting, optimization Manual → next/image (auto-optimized images), next/font ``` ## Et konkret eksempel: en rute er blot en fil ```tsx // app/about/page.tsx → automatically served at /about export default function About() { return

About us

; } ``` I almindelig React ville du installere en router, konfigurere ruter og konfigurere et build. I Next.js er det at oprette filen selv ruten. ## Hvorfor teams vælger det - **SEO og performance** — server-renderet HTML betyder, at indholdet er i det initiale svar (godt for crawlere og hurtig første paint), i modsætning til en client-only React SPA, der sender en blank side og derefter hydratiserer. - **Full-stack i ét projekt** — frontend og backend (API routes, Server Actions) lever sammen. - **Production-ready defaults** — automatisk code splitting, billede/font-optimering, caching. ## Hvorfor det er vigtig Next.js er det mest populære React-framework, fordi det forvandler React fra et UI-bibliotek til en komplet applikationsplatform — håndterer rendering strategi, routing, data og en backend, så du kan fokusere på features i stedet for VVS. Det er standardvalget, når du har brug for SEO, performance eller server-side logik med React.