🔍
Next.js avancé : Personnalisation
Concevez des applications web offrant une expérience utilisateur optimisée, avec une performance maximale
Cette formation vous permettra de maîtriser les outils proposés par Next.js pour afficher du contenu, tels que : les React Server Components (RSC), pré-rendu serveur (SSR), pré-rendu partiel (PPR), génération statique (SSG).
Vous prendrez ensuite la mesure de la puissance du rendu statique de Next.js, qui permet de créer des sites très performants et efficaces mais aussi personnalisés pour l'utilisateur final.
Un mini-projet consistera à développer une page profil spécifique à l'utilisateur et traduite en plusieurs langues, ce qui permet de mettre en oeuvre les mécanismes de personnalisation abordés dans la formation.
Objectifs
- Comprendre les divers modes de rendu de Next.js ;
- Analyser le comportement d'une application avec rendu serveur et rendu client ;
- Maîtriser différents modèles architecturaux pour exploiter les performances maximisées du rendu statique tout en permettant la personnalisation des sites.
Prérequis
Cette formation est destinée aux développeurs et développeuses web de niveau intermédiaire à avancé. Elle est également ouverte aux développeurs et développeuses utilisant d'autres technologies web (Nuxt, Angular, SvelteKit, Remix, Vite, architecture spécifique avec Node.js, etc.).
- Être capable de programmer en JavaScript au quotidien : syntaxe async/await, fonctions, variables, conditions ;
- Avoir une expérience minimale en développement fullstack ou en "backend pour le frontend" (BFF) : soit savoir mettre en place un serveur web Node.js pour servir des pages React, soit connaître les bases d'un framework JavaScript avec backend (Next, Nuxt, Angular, Vite, SvelteKit, QuickCity, Remix, etc.) ;
- Connaître les bases de React pour écrire du code simple : concepts de hooks, d'état, format JSX, props, émettre des requêtes côté client. Une connaissance minimale de Next.js est suffisante ;
- Connaître les bases de Node.js et son écosystème, notamment savoir installer un package avec NPM ;
- Comprendre le fonctionnement d'un serveur web pour le frontend : réponse/requête, renvoyer des données au format JSON ;
- Avoir une maîtrise suffisante de l'anglais pour lire des documentations techniques
- Apporter un ordinateur portable.
Un questionnaire d'auto-évaluation sera envoyé à 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
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.
Mini-projet : mettez en pratique les méthodes de personnalisation avec Next.js
Un mini-projet vous amènera à créer une page de profil personnalisée pour chaque utilisateur, disponible en plusieurs langues. Cela vous permettra d'appliquer les techniques de personnalisation enseignées dans la formation.
Durée
1 jour
Modalités
A distance ou en présentiel autour de Montpellier
Prix
Tarif formation inter-entreprises à distance
800€ 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.