Hva er Next.js og hva legger det til React?

Question

Accepted Answer

**Next.js** er et full-stack React-**rammeverk**. React alene er bare et UI-bibliotek — det gjengir komponenter, men overlater routing, datahenting, serverrendering og byggeverktøy til deg. Next.js tilbyr alt dette ut av boksen, pluss en server-kjøremiljø. ## Hva React alene lar være igjen (og Next.js legger til) ```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 bare en fil ```tsx // app/about/page.tsx → automatically served at /about export default function About() { return

About us

; } ``` I vanlig React ville du installert en ruter, konfigurert ruter og sett opp et bygg. I Next.js er det bare å opprette filen — det *er* ruten. ## Hvorfor team velger det - **SEO og ytelse** — servergjengitt HTML betyr at innhold er i det opprinnelige svaret (bra for crawlere og rask første tegning), i motsetning til en klient-kun React SPA som sender en tom side og deretter hydrerer. - **Full-stack i ett prosjekt** — frontend og backend (API-ruter, Server Actions) ligger sammen. - **Produksjonsklar standard** — automatisk kodedeling, bilde-/skriftoptimalisering, caching. ## Hvorfor det betyr noe Next.js er det mest populære React-rammeverket fordi det gjør React fra et UI-bibliotek til en komplett applikasjonsplattform — som håndterer gjengivingsstrategi, routing, data og en backend slik at du kan fokusere på funksjoner i stedet for installasjoner. Det er standardvalget når du trenger SEO, ytelse eller server-side logikk med React.