Next.js 14 - Cours Complet (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