Next.js
Georganiseerd door:
Opleidingspartners:
Beschrijving
Met behulp van Next.js, het React-framework, maak en implementeer je grootschalige applicaties die klaar zijn voor bedrijfsproductie.
Deze cursus is gericht op React-ontwikkelaars en front-end ontwikkelaars.
De technische inhoud van de cursus is:
→ Inleiding tot Next.js en grondbeginselen
→ Rendering en implementatie aan serverzijde
Wat zijn de doelstellingen van de opleiding?
→ De fundamentele principes van Next.js begrijpen
en de rol ervan in webontwikkeling.
→ Leren hoe u moderne webapplicaties kunt maken
met behulp van de geavanceerde functies van Next.js.
→ Leer routing en statusbeheer aan de clientzijde
met Next.js.
→ Begrijp het gebruik van Server-Side Rendering
(SSR) en Incrementele Statische Regeneratie (ISR)
voor optimale prestaties.
→ Weten hoe u Next.js-toepassingen kunt implementeren
toepassingen op verschillende omgevingen.
Wat moet je weten om de cursus te volgen?
Eerdere kennis van Javascript en React,
ervaring met Node.js en npm
Opleidingsprogramma
INLEIDING TOT NEXT.JS EN GRONDBEGINSELEN
Inleiding tot Next.js
- Inleiding tot Next.js en de
voordelen ten opzichte van
traditionele React-toepassingen.
- De ontwikkelomgeving configureren
omgeving voor Next.js.
- Een nieuw Next.js
project en de basisstructuur.
Routing met Next.js
- Het routingsysteem gebruiken
geïntegreerd in Next.js.
- Dynamische pagina's maken met
routeparameters.
- Client-side vs. server-side routing.
↘ Toestandsbeheer in Next.js
- React Hooks gebruiken om
lokale status in componenten.
- Toestand delen tussen pagina's met
context managers.
- Toestandbeheer aan de clientzijde met de
API's voor initialisatie en ophalen
(getServerSideProps, getStaticProps)
RENDERING EN IMPLEMENTATIE AAN SERVERZIJDE
Rendering aan de serverkant
met Next.js
- Inzicht in server-kant rendering
(SSR) en de voordelen ervan.
- Gebruik van de API
getServerSideProps API voor server-side
server-side rendering.
- SSR gebruiken om
prestaties en
verwijzingen.
Incrementele statische regeneratie (ISR)
- Incrementele statische
Regeneratie (ISR) en het gebruik ervan
met Next.js.
Statisch genereren van pagina's
met ISR voor incrementele
update.
- De cachingstrategie configureren
Cachingstrategie en regeneratietijden.
Een Next.js toepassing implementeren
- Genereren van productiebestanden
met Next.js.
- Hosten van een Next.
js applicatie op verschillende platformen (Vercel,
Netlify, enz.).
- Implementatiestrategieën voor soepele
soepele upgrades.
Praktische oefeningen
- Een applicatie met meerdere pagina's maken met Next.js en navigeren tussen pagina's.
- De lokale staat van componenten beheren met hooks.
- Context gebruiken om gegevens te delen tussen verschillende pagina's.
- Server-Side Rendering implementeren voor de meest kritische pagina's van de applicatie.
pagina's van de applicatie.
- Incrementele statische regeneratie gebruiken voor pagina's die regelmatig
frequente updates nodig hebben.
- Het implementeren van een Next.js applicatie op een online implementatieplatform.