Chargement...Next.js
Organised by :
Training partners :
Description
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
What are the aims of the training?
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.
What do you need to know to follow the training?
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
Training programme
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,... )
Exercices pratiques
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