Publicatiedatum : 09/02/2026

Opleiding : Next.js: de ontwikkeling van webtoepassingen eenvoudiger maken

Praktijkcursus - 2d - 14u00 - Ref. NEX
Prijs : 1370 € V.B.

Next.js: de ontwikkeling van webtoepassingen eenvoudiger maken



Nieuwe opleiding

Next.js is een framework gebaseerd op React. Het vergemakkelijkt server-side ontwikkeling (SSR), gebruikt statische generatie (SSG) en geoptimaliseerd routingbeheer. Je leert de concepten van prestatieoptimalisatie, geïntegreerde SEO en het gebruik van functies zoals Server Actions en Middleware.


INTER
INTRA
OP MAAT

Ter plaatse of via klasverband op afstand
Beschikbaar in het Engels op aanvraag

Ref. NEX
  2d - 14u00
1370 € V.B.




Next.js is een framework gebaseerd op React. Het vergemakkelijkt server-side ontwikkeling (SSR), gebruikt statische generatie (SSG) en geoptimaliseerd routingbeheer. Je leert de concepten van prestatieoptimalisatie, geïntegreerde SEO en het gebruik van functies zoals Server Actions en Middleware.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
Next.js concepten begrijpen en manipuleren
Krachtige webapplicaties ontwikkelen
Gegevens en API's beheren in Next.js
Een Next.js-applicatie implementeren en onderhouden

Doelgroep
JavaScript-ontwikkelaars.

Voorafgaande vereisten
Kennis van React en JavaScript.

Praktische modaliteiten
Praktisch werk
Elk nieuw theoretisch concept wordt onmiddellijk in de praktijk toegepast.

Opleidingsprogramma

1
De basis van Next.js

  • Algemene werking van NextJs.
  • Webpagina's maken met Next.js.
  • ReactJs componenten gebruiken in pagina's.
Praktisch werk
Een Next.js-applicatie opzetten.

2
Opmaakmodellen gebruiken

  • CSS-modules gebruiken.
  • Omgaan met componentbibliotheken (Material UI en stijlcomponenten).
  • Ontdek gestileerde onderdelen.
Praktisch werk
Maak een eenvoudige sectie met behulp van Material UI en vervolgens Styled Components om benaderingen te vergelijken.

3
SSR en optimalisatie

  • Genereren van statische sites.
  • Omgaan met rendering op de server.
  • Beheersing van incrementele statische regeneratie.
  • Code splitsen.
Praktisch werk
Server-Side Rendering (SSR) implementeren in een Next.js-applicatie.

4
SEO verbeteren

  • Dynamische META generatie met next/head.
  • HTML-tags optimaliseren voor SEO.
  • De prestaties van applicaties optimaliseren.
Praktisch werk
De SEO-prestaties van een Next.js-applicatie optimaliseren.

5
Een Next.js-applicatie testen

  • Gebruik van Jest en React Testing.
  • Beveiliging testen met OWASP ZAP.
  • Toegankelijkheidstests (a11y).
  • Cypres gebruiken.
Praktisch werk
Een Next.js-applicatie testen.

6
internationalisering (I18N)

  • Inleiding tot internationalisatie (I18N) met Next.js.
  • Next.js configureren voor internationalisatie.
  • Gebruik next-translate of react-i18next om vertalingen te beheren.
  • Beheer van gegevensindelingen en lokale elementen.
Praktisch werk
Een meertalige pagina maken met Next.js.


Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand

Laatste plaatsen
Garantiedatum ter plaatse of op afstand
Gegarandeerde sessie

KLAS OP AFSTAND
2026 : 11 juni, 14 sep., 3 dec.

PARIS LA DÉFENSE
2026 : 4 juni, 7 sep., 26 nov.