🔍
Tutoriel « Learn Next.js » avec formateur
Suivons ensemble le tutoriel Next.js officiel
Next.js propose un excellent tutoriel en ligne, "Learn Next.js". Il couvre les fondamentaux et les fonctionnalités clés de Next.js.
Suivre le tutoriel seul est possible, mais cela se complique lorsque l'on commence à aborder les subtilités du requêtage de données côté serveur, du pré-rendu partiel (PPR) ou encore des edge middlewares.
Pendant ces 2 jours de formation accélérée, nous vous proposons de suivre ensemble ce tutoriel de 16 chapitres pour découvrir les fondamentaux et les fonctionnalités avancées et innovantes de Next.js.
Après cette formation courte, vous connaîtrez les fonctionnalités nécessaires pour créer des applications SaaS fullstack avec Next.js.
Objectifs
L'objectif du tutoriel est de créer une application SaaS fullstack avec les fonctionnalités essentielles :
- Mettre en place des pages web optimisées avec une logique de navigation SPA hybride
- Charger et afficher efficacement des données avec les différents mécanismes de SSR et rendu statique de Next
- Mettre en place un formulaire, gérer les erreurs et l'accessibilité
Prérequis
Next.js est un "méta-framework" pour React. Des connaissances minimales en React sont donc nécessaires pour suivre cette formation accélérée.
Il est aussi nécessaire de connaître le fonctionnement global d'un site web et d'une API : principe des requêtes HTTP, rôle de la base de données.
- Savoir créer un site web simple avec HTML, CSS et JavaScript
- Savoir créer un composant React et gérer son état avec des "hooks"
- Savoir créer une API basique avec Node.js
- Avoir une maîtrise suffisante de l'anglais pour lire des documentations techniques
- Être en possession d'un ordinateur, d'une connexion Internet, d'une webcam et d'un micro
La formation se déroule en français, les supports de formation sont en anglais.
Un questionnaire d'auto-évaluation sera remis à chaque participant au début de la formation pour nous permettre d'évaluer au mieux son niveau, ses besoins et ses attentes concernant la formation.
Programme de la formation
La formation suivra le programme du tutoriel officiel Learn Next.js à la date où aura lieu la session. Le programme suivant est donné à titre indicatif et peu légèrement varier lors de la formation.
Notre approche pédagogique s'appuie sur l'alternance de présentations par le formateur et de mises en pratique accompagnées sur un projet fil rouge. A l'issue de la formation, vous conserverez le code et tous les supports de formation.
Projet : concevoir ensemble une appli Next
Nous allons construire ensemble un dashboard de gestion de factures : c'est un bon exemple d'utilisation de Next.js pour créer un logiciel SaaS dans le navigateur.
Les connaissances acquises sur ce projet s'appliquent à de nombreuses autres situations: blogs, médias, sites institutionnels, ecommerce, etc. La plupart des concepts s'appliquent aussi aux frameworks "Jamstack" : Gatsby, Remix, Astro...
Durée
2 jours
Modalités
À distance (présentiel possible en intra-entreprise)
Au maximum 10 participants
Prix
750 € HT par participant ou sur devis en intra-entreprise
Prochaines sessions
Date à convenir ensemble
Délai : de 15 jours à 2 mois (maximum)
Votre formateur
Eric Burel est ingénieur diplômé de l'ENSIMAG. Il est co-fondateur de LBKE et a contribué à la création de plusieurs startups technologiques.
Eric est impliqué dans l'open source en tant que membre du collectif Devographics, qui organise les enquêtes annuelles State of JavaScript et React. Il est actif dans le domaine de l'IA au sein de la communauté LangChain.
Eric est formateur et enseignant freelance depuis 2022.
Il partage régulièrement ses connaissances à travers des articles publiés sur Smashing Magazine, sur son blog et via les cours en ligne NextPatterns et AstroPatterns.