Formation NextJS 13
1800€ HT / personne |
3 jours (21 heures) |
Présentation
NextJS est un framework JavaScript construit pour React et basé sur la technologie de Node.js. Il est capable de créer des applications fournissent à la fois des pages générées par le serveur à chaque requête et des pages statiques générées lors du build applicatif.
NextJS vous permet de créer des applications JavaScript en code partagé entre le client et le serveur. Il a un système de routing intégré et très simple à utiliser. Un autre avantage de l’outil est son apport en SEO, en effet, grâce à Next vous pourrez optimiser le référencement de vos Singles Pages Apps.
Notre formation Next vous présentera les concepts fondamentaux du framework. Vous saurez développer un projet d’application web, vous connaîtrez le concept de Data Fetch et les différents modes de développement.
À savoir, le Server Side Rendering (SSR) et le rendu statique.
Cette formation NextJS vous enseignera la dernière version du framework NextJS 13.
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)
Public visé
- Développeurs JavaScript
- Développeurs front
- Développeurs web
Pré-requis
- Connaissance du langage JavaScript, HTML, CSS
- Connaissance basique de ReactJS ou avoir assisté à notre formation ReactJS
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
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 de MongoDB
- 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
Optimisation des pages
- Utilisation du CSS
- Framework CSS
- Optimisation de Head
- Optimisation des images
- Utilisation d’un _document.js
Pour aller plus loin
Formation Nodejs
Formation Angular
Formation Vue.js
Formation React Native
Formation ReactJS
Formation Angular Avancé
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business.
Vous aussi, partagez votre expérience !
Noter la formation
1800€ HT / personne |
3 jours (21 heures) |