NextJS 15

Ambient it

Public admis

Salarié en poste

Demandeur d'emploi

Entreprise

Étudiant

Modalités

En ligne

Durée

Nous contacter

Prix

2160 €

Localité

En ligne

Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.

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

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