Un cours de 15 séances sur la partie serveur de Next.js qui combine mes propres diapositives et le tutoriel officiel Next.js Learn : composants serveur, variables d’environnement sécurisées, récupération de données, stratégies de rendu, authentification et référencement.

Type

Cours

Durée

45 h - 15 blocs/séances

Matériel

3 présentations (PDF) et liens vers des chapitres de Next.js Learn

Langue

Français (diapositives)

Voir le cours sur GitHub

Ce que couvre le cours

Il s’ouvre sur les différences entre client et serveur, la limite réseau qui les sépare et les atouts et défauts de chaque côté.

Deux exposés ultérieurs portent sur des sujets importants en production : garder secrètes les variables d’environnement grâce aux composants serveur (clés de services comme des buckets de stockage ou des bases de données, et conséquences d’une fuite), puis le référencement (SEO), de ses trois piliers jusqu’au fonctionnement des robots d’indexation comme Googlebot.

Chapitres guidés

La plupart des séances suivent des chapitres du cours officiel Next.js Learn, surtout son application de tableau de bord : mise en place de la base de données, récupération des données, rendu statique et dynamique, streaming, prérendu partiel, recherche et pagination, modification des données, gestion des erreurs, accessibilité, authentification et métadonnées, ainsi que le chapitre de React Foundations sur les composants serveur et client.

Déroulement

• Séance 1 : introduction au cadriciel côté serveur
• Séances 2 et 3 : tutoriel du tableau de bord, chapitres 1 à 5
• Séance 4 : composants serveur et client
• Séance 5 : variables d’environnement sécurisées et mise en place de la base de données
• Séance 6 : examen 1
• Séance 7 : récupération des données
• Séance 8 : rendu, streaming, recherche, modification des données, erreurs et accessibilité (chapitres 8 à 14)
• Séance 9 : authentification
• Séance 10 : référencement (SEO) et métadonnées
• Séance 11 : examen 2
• Séance 12 : sujet à venir
• Séance 13 : période de travail
• Séances 14 et 15 : présentations

Voir le cours sur GitHubNext.js Learn : tutoriel du tableau de bord