Formation NextJS 14

Programme de notre formation Next.JS

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