Aller au contenu principal

NextJS 15

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000165209
Organisme responsable : Ambient it (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

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…

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

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

21 h

Financement

Conventionnement
Non

Conditions d'accès

Public visé

  • Tout public

Informations sur les publics

Développeurs JavaScript Développeurs front Développeurs web

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Connaissance du langage JavaScript, HTML, CSS Connaissance basique de ReactJS ou avoir assisté à notre formation ReactJS

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

140 Avenue Jean Lolive
93500 Pantin

Responsable : Ambient IT

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
Ambient it
93500 Pantin
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes