Lecture automatique
Autocomplete
Session précédente
Terminez et continuez
[MAJ EN COURS] Next.js
Introduction
Introduction (2:56)
Éditeur et conseils (3:22)
Astuce pour suivre le cours (0:58)
(Facultatif) Rappel React & JavaScript
Let & Const (11:07)
Fonction fléchées VS Fonction classique (6:47)
Spread & Rest (4:36)
Fonctions pures (3:38)
HOF (6:03)
Les méthodes des tableaux (2:59)
Destructuring (3:37)
Création d'un App React (6:07)
Le JSX (7:43)
Les Composants (3:01)
Le fonctionnement de l'App (1:55)
Les "props" (7:05)
Le State avec useState (7:46)
Retourner une liste (5:46)
Utiliser du CSS (6:42)
Les "controlled" et "uncontrolled" inputs (10:32)
Les "React fragments" (2:05)
Le hook "useEffect" (7:05)
Créer un Router (9:50)
Utiliser l'API de Contexte (5:56)
Quizz Rappel
Le Routing avec Next
Mise en place (8:27)
Créer des routes (5:29)
Créer des routes dynamiques (2:48)
Les liens (3:49)
Créer des composants classiques (2:56)
Utiliser "useRouter" (4:54)
Créer un container global avec _app (4:53)
Gérer l'erreur 404 (1:09)
Résumé du Routing avec Next (3:36)
Quizz Routing
Optimiser avec Next
Utiliser du CSS (5:09)
Utiliser un Framework CSS (2:25)
Optimiser le Head (8:20)
Optimiser les images (8:09)
Optimiser les images 2 (5:49)
Utiliser le _document.js (4:39)
Gérer le rendu des pages et des données
Explication du rendu des pages (7:32)
Lancer un "npm run build" (5:53)
Utiliser la méthode "getStaticProps" (9:49)
Faire de l'ISR (Incremental static generation) (7:27)
Les autres propriétés utiles (3:46)
Exercice : Liste (3:40)
Résolution : Liste (8:56)
Utiliser la méthode "getStaticPaths" (12:50)
Finitions UI (5:34)
La propriété "Fallback" (5:31)
Le rendu côté serveur (6:29)
Résumé du Chapitre (4:34)
Quizz rendu de pages
Projet Blog avec Next.js
Introduction (3:43)
Page d'accueil (7:03)
La Navbar (4:00)
La page de Blog (6:40)
Afficher les articles (4:17)
Afficher la liste d'utilisateurs (4:36)
Afficher un utilisateur (9:21)
Créer une API avec Next
Créer une API de base (4:11)
Afficher un mot au hasard (7:15)
Créer un formulaire (4:05)
Utiliser une requête "POST" pour changer les données (6:48)
Déployer son App
Déployer son App sur Vercel (5:03)
Teach online with
Optimiser les images 2
Contenu de la session verrouillé
Si vous êtes déjà inscrit,
vous aurez besoin de vous connecter
.
Achetez le cours pour déverrouiller