Prérequis
Connaissances du langage Javascript ou Typescript. Disposer d'une expérience de développement en React. Connaissances de l’environnement Node et des concepts backend.
Durée
3 jours
Contenu Technique de la Formation
La formation aborde les contenus techniques suivants :
- Les fondamentaux de Next.js
- Les composants client et serveur
- La mise en place du routing
- Les différents type de rendering
- Les actions serveur
- Le déploiement d’une application Next.js
Objectifs de la Formation
Les objectifs visés par cette formation sont :
- Comprendre les principes fondamentaux de Next.js et son rôle dans le développement web.
- Apprendre à créer des applications web modernes en utilisant les fonctionnalités avancées de Next.js.
- Maîtriser le routage et la gestion de l'état côté client avec Next.js.
- Comprendre les différents types de rendu pour une utilisation optimale.
- Savoir comment déployer des applications Next.js sur différents environnements.
Table des Matières
Les fondamentaux de Next.js
- Introduction à Next.js
- Présentation de Next.js et ses avantages par rapport à une d'applications React client.
- Présentation du routeur « Page » et « App »
- Présentation des composants client et serveur
- Création d'un nouveau projet « App » et structure de base.
- Les composants d’optimisation de Next.js
- Next/Font
- Next/Image
- Routage avec Next.js
- La hiérarchie des composants du « App router »
- Utilisation du système de routage intégré
- Création de pages dynamiques avec des paramètres de route.
- Les composants serveur
- Récupération des données liées à la route
- La consommation d’une source de donnée (Web API ou DB)
- Les composants client
- Récupération des données liées à la route
- Utilisation des Hooks de React dans les composants
- Les actions serveurs
- La directive "use server"
- Mise en place des actions serveur
- Utilisation d’action serveur par un composant client
- Les types de rendu
- Le Static Rendering
- Le Dynamic Rendering
- Le Streaming de composant
- La gestion des formulaires dans un composant serveur
- Traitement des données
- Mise en place de validation
Déploiement d'une Application Next.js
- Génération de fichiers de production
- Hébergement d'une application sur différentes plateformes (Vercel, Netlify,... )
En Pratique
- Création d'une application avec Next.js avec le routing « App »
- Mise en place d’un formulaire en Next.js
- Déploiement d'une application Next.js sur une Vercel
Modalités et Inscription
Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :
Session régulière
Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.
Sur mesure & intra-entreprise
Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.