Next.js 16: Geavanceerde ontwikkeling Training Cursus

Overzicht van Next.js 16 en geavanceerde architectuur

• Belangrijkste nieuwe kenmerken en wijzigingen in Next.js 16.x
• Architectuurprincipes en ontwerpmethoden van App Router
• Verschillen tussen Server Components en Client Components
• Renderingstrategieën: SSR, SSG, ISR en streaming
• Best practices en conventies voor projectstructuur
• Prestatiegerichte ontwerpmodellen

Geavanceerde routing en navigatie

• Gebruik van geneste lay-outs en hergebruikte UI-elementen
• Routegroepen voor een georganiseerde structuur
• Parallelle routes voor onafhankelijke route-onderdelen
• Routemodificatie en modale navigatie met interceptie-functies
• Dynamische routing en flexibele segmentdefinities
• Routehandlers voor aangepaste API-eindpunten
• Middleware-implementatie ter verwerking van aanvragen

React Server Components en servergerichte functies

• Uitgebreide studie van het model rond React Server Components
• Dataverwerking op de serverzijde
• UI-implementatie met streaming en Suspense-grenzen
• Foutbehandeling en grenzen voor foutweergave
• Patronen voor het tonen van laadstatus-informatie
• Gedeeltelijke rendering en selectieve herberekening van componenten

Server Actions en formulierverwerking

• Architectuur en mogelijkheden van Server Actions
• Hanteren van formulieren met serverzijdeverwerking
• Validatiestrategieën voor gebruikersinvoer
• Optimistische UI-updates na invoerverwerking
• Afhandeling van wachtstanden en feedback aan de gebruiker geven
• Bestandsuploads en geleidelijke verbetering van functionaliteit

Geavanceerde dataverwerking en caching

• Het gebruik van Fetch API binnen Next.js en het memoiseren van aanvragen
• Grondbeginselen van Data Cache
• Instellingen voor Route Cache configureren
• Router Cache-mechanismen en cache-invalidatiestrategieën
• Het regelen van data-revalidatie: op verzoek of volgens een schema
• Implementatiepatronen voor streaming-dataverwerking

Authenticatie en autorisatie

• Architectuur van authenticatieflows in Next.js
• Technieken voor sessiebeheer
• Implementatie van authenticatie op basis van JWT-tokens
• Richtlijnen voor integratie met OAuth-services
• Aanpak voor het implementeren van role-based toegangscontrole
• Routebeveiliging via middleware-functionaliteit

Database-integratie en ORM-gebruik

• Richtlijnen voor het ontwerp van databasearchitectuur
• Integratie met PostgreSQL en Next.js
• Inrichting van Prisma ORM en werken met queries
• Inleiding tot Drizzle ORM en mogelijke migraties
• Configuratie van verbindingspooling tussen applicatie en database
• Strategieën voor het beheren van database-migraties
• Gebruikmaken van repositorypatronen bij dataverwerking

API-ontwikkeling

• Richtlijnen voor het ontwerpen en implementeren van Route Handlers en API-routes
• Bouwen van RESTful API’s conform standaarden
• Validatieprocedures bij inkomende API-aanvragen
• Het vormgeven van responsberichten en foutafhandeling
• Aanmaak van endpoints voor bestandsuploads
• Webhook-integratie met bijbehorende verificatiestappen
• Beschikbaarheid van snelheidslimieten en algemene beveiligingsmaatregelen voor API’s

Prestatieoptimalisatie

• Analyse van bundlegrootte en strategieën ter optimalisatie
• Het toepassen van code splitting-methoden
• Dynamische importmechanismen voor laadtijden naar behoefte te sturen
• Beheer en beperking van beeldformaten via Image-componenten
• Optimalisatie van lettertypen met next/font-oplossingen
• Implementeren van lazy loading voor componenten en resources
• Technieken ter verbetering van de Core Web Vitals-metingen

Testen van Next.js-applicaties

• Strategieën voor unit-testing van server- en clientzijdecode
• Het testen van componenten met behulp van gespecialiseerde hulpmiddelen
• Integratietesten die gehele dataverwerkingstrajecten omvatten
• End-to-end testing door middel van Playwright of Cypress
• Synthetische simulatie van API-aanvragen en -services voor testdoeleinden
• Specifiek testen van Server Components in verschillende scenario’s
• Testing van implementaties waarbij gebruik wordt gemaakt van Server Actions

Implementatie, DevOps en monitoring

• Instellingen voor productiebuilds configureren
• Gebruikmaken van omgevingsvariabelen binnen applicaties
• Mogelijkheden tot containerisatie met Docker voor Next.js-projecten
• Opzetten en beheer van CI/CD-pipelines voor geautomatiseerde uitrol
• Toepassing van monitoring- en loggingmethodieken in de praktijk
• Opvang en verwerking van systeemfouten tijdens de looptijd
• Inzet van tools voor nauwkeurige prestatiemonitoring na implementatie

Geavanceerde patronen en afsluitend project

• Ontwerppatronen die zorgen voor schaalbaarheid van applicaties
• Orde in functiemodulen en scheiding tussen betrokken functionaliteiten
• Herkenbare architectuurpatronen binnen Next.js-ontwikkelingen
• Ontwerpbenaderingen voor implementatie van multi-tenant omgevingen
• Bekijken en becommentariëren van het eindproject door de gehele cursusgroep
• Slotbespreking en vragen-ronde aan het einde van de cursus