🔍
Workshop Next Learn
Suivons ensemble le tutoriel officiel de Next.js
Next.js propose un excellent tutoriel en ligne, Next Learn. 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, 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écansimes de SSR et rendu statique de Next
- Mettre en place un formulaire, gérer les erreurs et l'accessibilité
Prérequis
- 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 stagiaire 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 Next Learn à 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
Next.js est un framework pour la vraie vie. Explorons-le sur un vrai projet !
Next.js est un framework pour la vraie vie.
Explorons-le sur un vrai projet !
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
A distance ou en présentiel autour de Montpellier
Au maximum 10 participants
Prix
Tarif formation inter-entreprises à distance
1500 € HT par participant
Tarif formation intra-entreprise sur-mesure
Sur devis
Prochaines sessions
Date à convenir ensemble
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 développe les applications Next.js et Astro du projet.
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.