🔍

Next.js avancé : Personnalisation

Découvrez en une journée comment personnaliser vos applications web avec Next.js sans compromettre leur performance.
S'inscrire

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

Mode d'évaluation 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

Délai : de 15 jours à 2 mois (maximum)

S'inscrire ou demander un devis

N'hésitez pas à nous appeler !

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 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.

Nous proposons différents formats pour nos formations Next.js, afin de répondre aux besoins de chacun.

Formation complète en 3 jours, accélérée, thématique avancée, cours en ligne...

Voir le catalogue complet de nos formations