Présentation de l'application installée | codeconcept

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)

Présentation de l'application installée

Terminer et continuer

Discussion

0 commentaires