Next.js

Komme i gang med Next.js

Oversikt

Next.js er et React-rammeverk for produksjon. Det tilbyr hybrid statisk og server-rendering, TypeScript-støtte, smart bundling, prefetching av ruter og mye mer uten konfigurasjon.

Komme i gang

Etter at du har klonet repository, følger du disse trinnene:

1

Installer avhengigheter

npm install
2

Start utviklingsserveren

npm run dev
3

Bygg for produksjon

npm run build && npm start

Prosjektstruktur

├── app/                # App Router (Next.js 13+)
│   ├── layout.js       # Rot-layout
│   ├── page.js         # Startside
│   └── [routes]/       # Dynamiske ruter
├── pages/              # Pages Router (alternativ)
│   ├── api/            # API-ruter
│   └── _app.js         # App-komponent
├── public/             # Statiske filer
├── components/         # React-komponenter
├── styles/             # CSS-filer
├── next.config.js      # Next.js-konfigurasjon
└── package.json        # Avhengigheter og skript

Viktige konsepter

Filbasert ruting

Lag sider ved å legge til filer i mappen app/ eller pages/.

Server-komponenter

Komponenter rendres på serveren som standard. Bruk 'use client' for klient-komponenter.

API-ruter

Lag backend API-endepunkter i app/api/ eller pages/api/.

Nyttige kommandoer

npm run dev Start utviklingsserveren med Fast Refresh
npm run build Lag et optimert produksjonsbygg
npm start Start produksjonsserveren
For mer informasjon, besøk den offisielle Next.js-dokumentasjonen.