Avansert utvikling med Next.js 16 Treningskurs

Oversikt over Next.js 16 og avansert arkitektur

• Viktige funksjoner og endringer i Next.js 16.x
• App Router-arkitektur og designprinsipper
• Server Components vs. Client Components
• Rendering-strategier: SSR, SSG, ISR og streaming
• Konvensjoner for prosjektstruktur og beste praksis
• Ytelsesorientert applikasjonsdesign

Avansert routing og navigasjon

• Nestede layouter og delte UI-mønstre
• Rute grupper for organisert routing
• Parallelle ruter for uavhengige rutesegmenter
• Intersepteringsruter og modal navigasjon
• Dynamisk routing og fangst-segmenter (catch-all)
• Rutebehandlere for tilpassede endepunkter
• Middleware for innterceptering av forespørsler

React Server Components og serverfunksjoner

• Dypdykk i React Server Components-modellen
• Datainnhenting på serveren
• Streaming av UI med Suspense-grenser
• Error boundaries og feilhåndtering
• Visningsmønstre for lasting
• Delvis rendering og selektiv gjenrendering

Server Actions og skjemaer

• Arkitektur og funksjoner hos Server Actions
• Håndtering av skjemaer med server-side prosessering
• Valideringsstrategier
• Optimistiske UI-oppdateringer
• Pending-tilstander og tilbakemelding til brukeren
• Filopplastninger og progresiv forbedring

Avansert datainnhenting og hurtiglagring (caching)

• Hentings-API i Next.js og forespørselsmemoisering
• Grunnleggende om Data Cache
• Konfigurasjon av Route Cache
• Router Cache og ugyldiggjøring av hurtiglagring
• Gjenvalideringsstrategier: på forespørsel og tid basert
• Mønstre for datastrømning

Autentisering og autorisasjon

• Arkitektur for autentisering i Next.js
• Mønstre for sesjonshåndtering
• JWT-baserte autentiseringsflyter
• OAuth-integreringsstrategier
• Iverkssettelse av rollerbasert tilgangskontroll (RBAC)
• Sikkerhet for ruter basert på middleware

Databaseintegrering og ORM

• Hensyn til databasearkitektur
• PostgreSQL-integrering med Next.js
• Oppsett og spørringer med Prisma ORM
• Oversikt over Drizzle ORM og migrering
• Konfigurasjon av tilkoblingspool
• Migreringsstrategi for databasen
• Mønstre for repositories for dataadgang

API-utvikling

• Rutebehandlere og konvensjoner for API-ruter
• Implementering av RESTful API
• Validering av API-forespørsler
• Feilhåndtering og svarformatering
• Endepunkter for filopplastning
• Webhook-integrering og verifisering
• Rate limiting og sikkerhet i API-er

Ytelsesoptimalisering

• Pakkeanalyse og optimalisering
• Strategier for kode-splitting
• Dynamiske import for lasting på forespørsel
• Optimalisering av bildkomponenter
• Skriftoptimalisering med next/font
• Late loading-mønstre
• Teknikker for optimalisering av Core Web Vitals

Testing av Next.js-applikasjoner

• Strategier for enhetstesting av server- og klientkode
• Komponenttesting med testverktøy
• Integrasjonstesting for komplette dataflyter
• E2E-testing med Playwright eller Cypress
• Mocking av API-er og tjenester
• Testing av Server Components
• Testing av Server Actions

Distribusjon, DevOps og overvåking

• Konfigurasjon av produksjonsbygg
• Håndtering av miljøvariabler
• Docker-kontainerisering for Next.js
• Oppsett av CI/CD-pipeline
• Overvåking og logging av applikasjoner
• Sporing og rapportering av feil
• Ytelsesovervåking i produksjon

Avanserte mønstre og kapittelprosjekt

• Prosjektarkitekturmønstre for skalerbarhet
• Funksjonsorganisering og modulavgrensning
• Vanlige designteknikker i Next.js-applikasjoner
• Mulkunde-applikasjonsarkitektur
• Oppfølging av kapittelprosjektet
• Gjennomgang av kurset og spørre-og-svar-session