Article original : Learn Full Stack Development with Next.js and Supabase by Building a Twitter Clone.
Transformez ceci :
En cela :
Nous venons de lancer un cours sur la chaîne YouTube freeCodeCamp.org qui vous aidera à maîtriser le développement full stack avec Next.js 13 et Supabase en construisant un clone de Twitter. Le cours utilise également Tailwind CSS et TypeScript.
Ce cours intensif a été expertement développé par Pranjal Soni, qui apporte une richesse d'expérience et une passion pour enseigner des concepts de codage complexes de manière accessible et compréhensible.
Le cours est conçu autour d'une approche d'apprentissage basée sur des projets, vous offrant l'opportunité d'acquérir une expérience pratique en créant un clone de Twitter fonctionnel et full-stack. En plus de développer vos compétences pratiques, le projet servira également de pièce puissante pour votre portfolio, démontrant votre capacité à développer et gérer un projet full-stack complexe.
Voici un bref aperçu de ce à quoi vous pouvez vous attendre dans le cours :
Introduction à Twitter et construction du clone ultime de Twitter : Découvrez le projet et plongez directement dans la tâche passionnante de créer un clone de Twitter en utilisant Next.js 13, Tailwind CSS, TypeScript et Supabase.
Construction des mises en page de Twitter : Apprenez à développer les mises en page visuellement attrayantes qui rendent Twitter si convivial, de la barre latérale gauche à la timeline et à la section des tendances.
Conception de la base de données PostgreSQL pour le clone de Twitter : Utilisez la puissance de ChatGPT et dbdiagram pour concevoir une base de données PostgreSQL adaptée à une application de type Twitter.
Authentification avec Supabase : Configurez l'authentification des utilisateurs dans votre application Next.js 13 en utilisant Supabase.
Gestion des Tweets : Maîtrisez la sauvegarde, la récupération et la gestion des tweets dans la base de données de votre application en utilisant les actions serveur de Next.js et Supabase.
Implémentation des fonctionnalités de Tweet : De la fonctionnalité J'aime/Pas aimé à la fonction Répondre à un Tweet, vous acquerrez une expérience pratique dans l'ajout des fonctionnalités essentielles que les utilisateurs de Twitter connaissent et aiment.
Optimisation et débogage : Apprenez à optimiser votre application web pour de meilleures performances et découvrez le débogage en corrigeant un vrai bug dans votre clone de Twitter.
Schéma Drizzle ORM et requêtes complexes : Utilisez ChatGPT pour construire un schéma Drizzle ORM à partir de SQL et apprenez à joindre des tables et à construire des requêtes complexes en utilisant Drizzle ORM.
À la fin du cours, vous aurez une solide compréhension du développement full-stack, avec une expérience pratique de Next.js 13, Tailwind CSS, TypeScript et Supabase. Non seulement vous aurez votre propre clone de Twitter comme preuve de vos nouvelles compétences, mais vous serez également bien équipé pour entreprendre vos propres projets full-stack à l'avenir.
Le cours est entièrement gratuit, reflétant l'engagement de freeCodeCamp.org à fournir une éducation de codage accessible et de haute qualité à tous. Alors, pourquoi attendre ?
Regardez le cours complet sur la chaîne YouTube freeCodeCamp.org (6 heures de visionnage).