Next.js 14 Complete Course (2024) 🚀

⭐️ Code Source & Plus: https://github.com/P-Essonam/dribble-clone
💬 Discord & Aide: https://discord.gg/BXjePQKW

Next js 14: https://nextjs.org
Shadcn: https://ui.shadcn.com
Dribble: https://dribbble.com

Next.js est récemment devenu le framework officiel de React, comme indiqué dans la documentation de React. Dans ce cours, vous apprendrez les concepts Next.js les plus importants et comment ils s'intègrent dans l'écosystème React. Enfin, vous mettrez vos compétences à l'épreuve en construisant une application Next 14 moderne à pile complète.

Dans cette vidéo, vous apprendrez :
- La structure du dossier de l'application Next.js 14 (App Router)
- Next.js 14 Composants client vs composants serveur
- Next.js 14 Routage basé sur les fichiers (y compris les routes dynamiques et imbriquées)
- Next.js 14 page, mise en page, chargement, et fichiers spéciaux d'erreur
- Next.js 14 Serverless Route Handlers (Next API, Full Stack Apps)
- Next.js 14 Métadonnées et optimisation pour les moteurs de recherche (SEO)


Timestamps
00:00 Intro
01:25 Les avantages de Next.js
06:15 Installation et prérequis
20:27 Routing & Structure des fichiers et des dossiers
1:22:42 Composants du serveur et du client
1:49:48 Next.js API Endpoints
2:12:16 Server actions
2:31:25 Dribble clone
4:00:19 Déploiement sur vercel