Formations › Langage › JavaScript › Formation NextJS 13

Formation NextJS 13

Prix	1800€ ^HT / personne
Durée	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é

Télécharger le plan du cours

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

Prix	1800€ ^HT / personne
Durée	3 jours (21 heures)