Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Next 13 par la pratique
Installation et découverte de Next 13
Génération d'une application Next 13 (6:21)
Présentation de l'application installée (8:13)
Création d'un React Component de menu de navigation (11:07)
Utiliser des Google Fonts optimisées grâce à "next/font" (3:08)
Créer un React Server Component
Création de la page et de la route 'Ideas' (6:03)
CSS module de la page 'Ideas' (13:29)
Media query pour petits écrans (4:05)
Créer une et consommer une API REST avec Next.js
Créer une une API REST (12:37)
Requêter nos "Ideas" depuis un composant React (7:33)
Rendu du tableau d’"Ideas" (5:06)
Création d’un composant React "Idea" dédié (5:06)
Afficher un message d’attente pendant le fetch + fichier .env (9:39)
Poster du contenu vers un end-point Next.js 13
Composant Form + page de création d’idées (9:45)
Styliser le formulaire avec CSS et flexbox (6:41)
Gérer la soumission du formulaire depuis un "Client Component" vers un "Server Component" React (13:00)
POST vers un end-point Next.js (13:25)
Création de compte utilisateur
Formulaire de création de compte utilisateur (15:48)
End-point Next.js 13 de création de compte utilisateur (15:02)
Firebase 9 en tant que "Auth Provider" (16:45)
Montrer / masquer le mot de passe + "react icons" (21:22)
Utiliser conditionnellement une classe CSS (2:23)
Gérer les erreurs renvoyées par Firebase 9 (11:02)
Authentifier un utilisateur
Loguer un utilisateur avec son email et son mot de passe (23:38)
Authentifier un utilisateur avec Firebase Auth (12:56)
React Context dans une application Next.js 13
Création d’un contexte d’authentification (16:21)
Consommation du contexte + page Profile (14:26)
Routes dynamiques
Créer des liens comportant un paramètre dynamique (3:14)
Création d’un end-point pour une route dynamique (22:28)
Création de la page et de la route 'Ideas'
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller