🔍
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 web de niveau intermédiaire à avancé. Elle est également ouverte aux développeurs 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 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
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
Le mini-projet consiste à mettre en pratique les patterns étudiés durant la formation sur différents cas d'usage : gérer l'internationalisation pour la traduction d'un site, mettre en place un test A/B, ou encore afficher des informations spécifiques à l'utilisateur dans une page de contenu statique.
Durée
1 jour
Modalités
À distance (présentiel possible en intra-entreprise)
Prix
800€ 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.