Public visé
Développeurs souhaitant créer des applications React performantes avec rendu côté serveur.
Prérequis
- Avoir des connaissances de React et de JavaScript
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Identifier et manipuler les concepts de Next.js pour créer des applications dynamiques ou des sites statiques
- Appliquer les optimisations permises par Next.js pour accélérer l’affichage sur les navigateurs
- Implémenter le rendu côté serveur (SSR) et la génération statique (SSG)
Programme
Jour 1 - Matin
Fondamentaux de Next.js
- Fonctionnement général du framework
- Création de pages et routing
- Intégration de composants React
- App Router vs Pages Router
Jour 1 - Après-midi
Styling et composants
- CSS Modules
- Bibliothèques de composants (Material UI, Styled Components)
- Tailwind CSS avec Next.js
Jour 2 - Matin
Rendu et performance
- Génération de sites statiques (SSG)
- Rendu côté serveur (SSR)
- Incremental Static Regeneration (ISR)
- Code splitting et optimisation
Jour 2 - Après-midi
SEO et tests
- Génération dynamique des meta tags
- Optimisation pour le référencement
- Tests avec Jest et React Testing Library
- Tests E2E avec Cypress
- Internationalisation (i18n)
Modalités d’évaluation des acquis
- En cours de formation, par des travaux pratiques
- Et, en fin de formation, par un questionnaire d’auto-évaluation