Préparer le chapitre 0
0.1 TypeScript
0.2 (Exercice) Installation de Node.js et npm
0.3 (Exercice) Installation de VS Code
0.4 En conclusion

Chapitre 1 : Introduction à Next.js
1.1 React et Next.js
1.2 RSE vs. RSE
1.3 SSG
1.4 Contexte de la naissance de Next.js
1.5 En conclusion

Chapitre 2 : Premiers pas avec Next.js
2.1 (Exercice pratique) Créer votre propre application Next.js
2.2 (Exercice pratique) Création d'une application Next.js à l'aide de create-next-app
2.3 (Exercice pratique) Définition des styles globaux et modification des règles ESLint
2.4 En conclusion

Chapitre 3 Routage
3.1 Principes de base du routage
3.2 Pages Routeur
3.3 Routeur d'application
3.4 Liens et navigation
3.5 (Exercice pratique) Configuration des itinéraires
3.6 (Exercice pratique) Utilisation des itinéraires parallèles
3.7 (Exercice pratique) Utilisation des routes d'interception
3.8 En conclusion

Chapitre 4 Pages et mise en page
Page 4.1
4.2 Mise en page
4.3 Modèle
4.4 Métadonnées
4.5 (Exercice) Création d'un plan d'itinéraire
4.6 (Exercice) Création d'une mise en page de flux
4.7 (Exercice pratique) Application du modèle
4.8 (Exercice pratique) Utilisation des métadonnées statiques
4.9 (Exercice pratique) Utilisation des métadonnées dynamiques
4.10 (Exercice pratique) Génération dynamique d'images Open Graph
4.11 En conclusion

Chapitre 5 Gestionnaires de routes
5.1 Routes API dans le routeur de pages
5.2 Gestionnaire de routes dans le routeur d'application
5.3 Exemple d'utilisation d'un gestionnaire de route
5.4 (Exercice pratique) Création d'une API à l'aide de gestionnaires de routes
5.5 En conclusion

Chapitre 6 Intergiciel
6.1 Qu'est-ce qu'un middleware ?
6.2 Middleware Next.js
6.3 (Exercice pratique) Utilisation d'un middleware
6.4 En conclusion

Chapitre 7 Extraction de données
7.1 récupération
7.2 Actions du serveur
7.3 (Exercice pratique) Récupération des données du serveur
7.4 (Exercice pratique) Utilisation des actions serveur
7.5 En conclusion

Chapitre 8 SWR
8.1 Introduction et rôle du TOS
8.2 Récupération des données
8.3 Mutations et revalidation
8.4 (Exercice pratique) Utilisation du TOS
8.5 En conclusion

Chapitre 9 Rendu
9.1 Principes de base du rendu
9.2 Composants du serveur
9.3 Composants clients
9.4 Modèles de composition serveur et client
9.5 Environnement d'exécution Edge et Node.js
9.6 (Exercice pratique) Utilisation des composants serveur
9.7 En conclusion

Chapitre 10 Mise en cache
10.1 Demande de mémorisation
10.2 Cache de données
10.3 Cache d'itinéraire complet
10.4 Cache du routeur côté client
10.5 Interactions avec le cache
10.6 API liées à la mise en cache
10.7 Résumé de la mise en cache
10.8 (Exercice pratique) Vérification du comportement de mise en cache
10.9 En conclusion

Chapitre 11 : Style
11.1 Modules CSS et styles globaux
11.2 Tailwind CSS
11.3 CSS-in-JS
11.4 Sass
11.5 (Exercice) Utilisation de Tailwind CSS
11.6 En conclusion

Chapitre 12 Optimisation
12.1 Optimisation d'image
12.2 Optimisation des polices
12.3 Optimisation des scripts
12.4 Chargement différé
12.5 Actifs statiques
12.6 (Exercice pratique) Application de l'optimisation d'image
12.7 (Exercice) Application de l'optimisation des polices
12.8 (Exercice pratique) Application du chargement différé
12.9 En conclusion

Mise en place du chapitre 13
13.1 fichier next.config.js
13.2 Définition des variables d'environnement
13.3 (Exercice pratique) Utilisation des variables d'environnement
13.4 (Exercice pratique) Application de la redirection
13.5 (Exercice) Application de la réécriture
13.6 En conclusion

Test du chapitre 14
14.1 Types de tests frontaux
14.2 Vitest
14.3 Plaisanterie
14.4 Dramaturge
14,5 Cyprès
14.6 (Exercice) Tests avec Jest
14.7 (Exercice pratique) Test avec le dramaturge
14.8 En conclusion

Chapitre 15 : Construction et déploiement
15.1 Concept de construction
15.2 Création d'une application Next.js
15.3 (Exercice pratique) Création d'une application Next.js
15.4 En conclusion

Mini-projet du chapitre 16
16.1 Planification d'une mini-communauté
16.2 (Exercice pratique) Création d'une application Next.js
16.3 (Exercice) Organisation des dossiers
16.4 (Exercice) Création d'une page
16.5 (Exercice pratique) Configuration des itinéraires
16.6 (Exercice pratique) Intégration de Shadcn UI et Tailwind CSS
16.7 (Exercice pratique) Conception d'une base de données
16.8 (Exercice pratique) Création d'une base de données Turso
16.9 (Exercice pratique) Intégration de Drizzle ORM et création du schéma de base de données
16.10 (Exercice pratique) Connexion à NextAuth
16.11 (Exercice pratique) Création d'une API avec un gestionnaire de routes
16.12 (Exercice pratique) Implémentation d'une fonction pour appeler l'API client
16.13 (Exercice) Liaison SWR
16.14 (Exercice pratique) Implémentation d'un composant d'en-tête
16.15 (Exercice pratique) Mise en œuvre de plusieurs configurations d'itinéraires à l'aide de groupes d'itinéraires
16.16 (Exercice pratique) Mise en œuvre de la page de connexion
16.17 (Exercice pratique) Mise en œuvre de la page d'inscription
16.18 (Exercice pratique) Implémentation de la page principale
16.19 (Exercice pratique) Implémentation de PostWritePage
16.20 (Exercice pratique) Implémentation de PostViewPage
16.21 (Exercice pratique) Création d'un middleware
16.22 (Exercice pratique) Test du fonctionnement de l'application en local
16.23 (Exercice) Déploiement de Vercel

Ce livre est conçu pour aider même les lecteurs novices en Next.js à acquérir naturellement des compétences fondamentales grâce à une pratique concrète.
Plutôt que de simplement énumérer les fonctionnalités, il vous aide à suivre le flux de développement et à comprendre pourquoi elles sont nécessaires et comment elles fonctionnent.

Étape par étape, en commençant par la mise en place de l'environnement de développement
De l'installation de Node.js et de VS Code à l'apprentissage des bases de TypeScript, nous couvrons en détail le processus préparatoire afin que même les lecteurs novices en développement web puissent suivre sans difficulté.

Apprenez systématiquement les concepts fondamentaux de Next.js.
Il est conçu pour vous permettre d'apprendre les fonctionnalités essentielles de Next.js par la pratique, depuis les méthodes de rendu telles que CSR, SSR et SSG jusqu'au routage basé sur les fichiers, à la récupération de données et à l'écriture d'API.

structure axée sur la pratique
Il va au-delà des explications et est structuré de manière à ce que vous puissiez immédiatement vérifier tout le contenu par la pratique, vous permettant ainsi d'acquérir naturellement les différentes fonctions de Next.js.

Des bases aux projets pratiques
Une fois les bases acquises, vous pourrez mettre en pratique vos connaissances à travers un projet de création d'une application web complète.

★ Public cible

Ce livre s'adresse à tout développeur souhaitant apprendre Next.js pour la première fois.
Il est plus accessible aux lecteurs possédant des connaissances de base en React, et convient particulièrement aux cas suivants :
● Les développeurs qui souhaitent apprendre le développement web basé sur React de manière plus systématique
● Développeurs souhaitant créer un site web optimisé pour le référencement naturel (SEO) en utilisant le rendu côté serveur (SSR) et le rendu côté serveur (SSG) avec Next.js
● Ceux qui souhaitent créer leur propre application web avec Next.js
● Développeurs front-end souhaitant acquérir une expérience pratique en utilisant Next.js

★ Structure de ce livre

Ce livre est divisé en quatre grandes parties, et chaque chapitre est structuré de manière à permettre un apprentissage progressif, des concepts fondamentaux de Next.js à leur application pratique.

Vos premiers pas dans le développement web : votre première rencontre avec Next.js (chapitres 0 à 2)
En guise d'étape préparatoire à l'apprentissage de Next.js, nous allons brièvement aborder les concepts de base de TypeScript et configurer l'environnement de développement en installant Node.js, npm et VS Code.
Ensuite, nous allons comprendre la relation entre React et Next.js et examiner les différences entre les méthodes de rendu telles que CSR, SSR et SSG.
À travers l'historique de la création de Next.js, vous découvrirez la nécessité de ce framework, vous créerez votre propre projet Next.js et vous apprendrez la structure de dossiers de base.

Le moyen le plus rapide de comprendre Next.js : le monde du routage (chapitres 3 à 5)
Nous allons découvrir le système de routage, qui est au cœur de Next.js.
Vous apprendrez d'abord le routeur de pages traditionnel basé sur la structure des dossiers, puis vous vous exercerez aux concepts et à l'utilisation du routeur d'applications moderne.
Apprenez les principes de fonctionnement de base et les méthodes de composition de pages de Next.js en expérimentant étape par étape différentes techniques de routage, telles que les routes dynamiques, les routes parallèles et les routes interceptées.

Découvrez toute la puissance de Next.js et maîtrisez ses fonctionnalités pratiques (chapitres 6 à 15).
Apprendre les différentes fonctions nécessaires au développement concret des services.
Apprenez à distinguer les composants serveur et client et à contrôler le flux de requêtes à l'aide d'un intergiciel.
Vous apprendrez également comment améliorer les performances du site en appliquant différentes stratégies de rendu (SSR, SSG, ISR) et comment renforcer le référencement naturel en configurant les métadonnées.
Nous développerons progressivement les compétences nécessaires au travail pratique, telles que la connexion aux bases de données, l'authentification des utilisateurs et l'optimisation des fichiers.

Création d'une application web Next.js (Chapitre 16)
Nous allons procéder à un projet visant à créer une véritable application web (mini-site communautaire) en utilisant Next.js, en synthétisant ce que nous avons appris jusqu'à présent.
Vous pratiquerez le routage dynamique, la liaison de données et l'intégration de fonctions serveur, et vous construirez vous-même un service complet.
Ce cours vous permettra d'acquérir naturellement des compétences pratiques en développement avec Next.js.