A l’issue de la formation le participant sera capable de :
● 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)
- Nos Nouvelles Formations
- Développement
Formation NextJS 15
Objectifs
Prérequis
Connaissance du langage JavaScript, HTML, CSS
Connaissance basique de ReactJS
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
● Développeurs JavaScript
● Développeurs front
● Développeurs web
Formation(s) associée(s)
- Formation React Native Niveau avancé Développer des applications mobiles multiplateformes
- Formation Développer des applications avec React.js, Redux et Zustand
- Formation React.JS Avancé
- Formation Firebase avec React.js
- Formation API REST Conception, Architecture et Sécurité
- Formation API REST
- Formation Bases de données MongoDB pour développeurs
Dernière mise à jour
Programme mis à jour le 21 novembre 2024
Bon à savoir
Evaluez votre niveau
Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.
Formations modulables
Toutes nos formations sont disponibles en présentiel comme en distanciel, en mode coaching individuel ou en groupe de 3 à 6 participants maximum.
Travaux pratiques
Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Les Modules
de formation
Module1
Introduction à NextJS
● Installation
● Configuration
● Fonctions de base avec NextJS
● Utilisation des composants ReactJS dans les pages
Module2
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
Module3
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
Module4
Déploiement
● Environnement de déploiement de NextJS
● Déploiement NextJS sur Vercel
● Déploiement de grands sites web avec NextJS
Module5
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
Module6
TypeScript avec NextJS
● Aperçu des plugins
● Meilleures pratiques
Module7
Configuration de MongoDB
● Création d’une base de données
● Connexion à la base de données
● Tester l’application
Module8
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
Module9
Optimisation des pages
● Utilisation du CSS
● Framework CSS
● Optimisation de Head
● Optimisation des images
● Utilisation d’un _document.js
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
18 novembre 2024
13 janvier 2025
10 mars 2025
05 mai 2025
