Formations Web JavaScript Formation NextJS

Formation NextJS

Noté 0 sur 5
logo formation nextjs
Prix 1800€ HT / personne
Durée 3 jours ( 21 heures )

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

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), le Static Site Generation (SSG) et le Incremental Static Regeneration (ISR).

Cette formation NextJS vous enseignera la dernière version du framework NextJS 12.

 

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

Afficher tous les témoignages

Noter la formation

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

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp