Avancerad utveckling med Next.js 16 Träningskurs

Översikt och avancerad arkitektur för Next.js 16

• Viktiga funktioner och ändringar i Next.js 16.x
• Arkitektur och designprinciper för App Router
• Server Components vs. Client Components
• Renderingstrategier: SSR, SSG, ISR och streaming
• Konventioner för projektstruktur och bästa praxis
• Prestandaorienterad applikationsdesign

Avancerad routing och navigering

• Nested layouts och delade UI-mönster
• Ruttgrupper för organiserad routning
• Parallella rutter för oberoende ruttssegment
• Interopterande rutter och modals navigering
• Dynamisk routning och catch-all-segment
• Ruthandläggare för anpassade slutpunkter
• Middleware för begäransinterceptering

React Server Components och serverfunktioner

• Djupdykning i React Server Components-modell
• Datahämtning på servern
• Streaming av UI med Suspense-gränser
• Felgränser och felhantering
• Laddnings-UI-mönster
• Partiell rendering och selektiv omrendering

Server Actions och formulär

• Arkitektur och funktioner för Server Actions
• Formulärhantering med server-sidig bearbetning
• Valideringsstrategier
• Oupidaterade UI-uppdateringar (optimistic updates)
• Väntelägen och användarfeedback
• Filuppladdningar och progressiv förbättring

Avancerad datahämtning och cachelagring

• Fetch API i Next.js och begäransmemoisering
• Data Cache grundläggande koncept
• Konfiguration av Route Cache
• Router Cache och inaktivering av cache
• Återaktiveringsstrategier: efterfråganbaserad och tidsbaserad
• Streaming-data-mönster

Autentisering och behörighet

• Autentiseringsarkitektur i Next.js
• Mönster för sessionshantering
• JWT-baserade autentiseringsflöden
• OAuth-integrationsstrategier
• Implementering av rollbaserad åtkomstkontroll (RBAC)
• Ruttskydd baserat på middleware

Databasintegration och ORM

• Överväganden för databasarkitektur
• PostgreSQL-integration med Next.js
• Konfiguration och frågor för Prisma ORM
• Drizzle ORM-översikt och migrering
• Konfiguration av anslutningspoolning
• Strategi för databasmigreringar
• Repository-mönster för dataåtkomst

API-utveckling

• Ruthandläggare och ruttkonventioner för API
• Implementering av RESTful API
• Validering av API-begäran
• Felhantering och svarformatering
• Slutpunkter för filuppladdning
• Webhook-integration och verifiering
• Hastighetsbegränsning och API-säkerhet

Prestandaoptimering

• Paketanalys och optimering
• Kodsplittringsstrategier
• Dynamiska import för on-demand-laddning
• Optimering av bildkomponenter
• Font-optimering med next/font
• Lata laddningsmönster
• Optimeringstekniker för Core Web Vitals

Testning av Next.js-applikationer

• Eenhets-teststrategier för server- och klientkod
• Komponenttestning med testverktyg
• Integrationstestning för kompletta dataflöden
• Slut-till-slut-testning med Playwright eller Cypress
• Mockning av API:er och tjänster
• Testning av Server Components
• Testning av Server Actions

Driftsättning, DevOps och övervakning

• Konfiguration av produktionsbyggen
• Hantering av miljövariabler
• Docker-containerisering för Next.js
• Uppättning av CI/CD-pipeline
• Applikationsövervakning och loggning
• Felspårning och rapportering
• Prestandaövervakning i produktion

Avancerade mönster och kapitelprojekter (Capstone)

• Arkitekturmönster för skalbarhet i projektet
• Funktionsorganisation och modulgränser
• Gemensamma designtmönster i Next.js-applikationer
• Multi-tenant-applikationsarkitektur
• Genomgång av kapitelprojektet
• Kursgenomgång och frågestund