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