NextJS 15

Objectifs

Créer des applications web universelles Maîtriser le SSR, le SSG et l'ISR avec le framework NextJS Créer des pages web optimisées pour les moteurs de recherche Créer des sites statiques et dynamiques Implémenter le data fetching via une stratégie statique (build) ou dynamique (run time)

Programme de la formation

INTRODUCTION À NEXTJS Qu'est-ce que NextJS ? Installation Configuration Fonctions de base avec NextJS Utilisation des composants ReactJS dans les pages DÉVELOPPER UNE APPLICATION AVEC NEXTJS Structure d'une application NextJS Création d'un projet d'application Création et utilisations des composants Gestion de l'état applicatif au travers des React Context Liaisons et formulaires SYSTÈME DE ROUTING Système de routage Composant Link Implication sur le routing de l'arborescence et nommage des dossiers Créer des routes dynamiques Paramètres de route dynamiques Interroger une route en utilisant un paramètre Paramètre ID Route Catch-All Route grouping DÉPLOIEMENT Environnement de déploiement de NextJS Déploiement NextJS sur Vercel Déploiement de grands sites web avec NextJS DATA FETCHING Introduction au getServerSideProps Récupération des données Routes dynamiques avec getServerSideProps Introduction au getStaticProps Récupération des données Routes statiques avec getStaticProps Utilisation du SSR, du CSR et du SSG Utilisation des middlewares TYPESCRIPT AVEC NEXTJS Aperçu des plugins Meilleures pratiques CONFIGURATION D'UNE BASE DE DONNÉES Création d'une base de données Connexion à la base de données Tester l'application API Créer les APIs de base Créer des formulaires Changer les données avec la requête « POST » Objets req et res Authentification JWT Ajout d'une API REST Envoi, récupération et transformation des données Les servers actions OPTIMISATION DES PAGES Utilisation du CSS Framework CSS Optimisation de Head Optimisation des images Utilisation d'un _document.js Le turbopack

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique