Learn Full Stack development with Next.js, Tailwind CSS, TypeScript, and Supabase by building a Twitter clone. The course covers building various components of the Twitter clone such as the left sidebar, timeline, trending section, and authentication with Supabase. Students will also learn about designing databases, handling errors, implementing features like liking tweets, optimizing web apps, and using ChatGPT for ORM schema. The course is designed for individuals interested in Full Stack development and looking to enhance their skills in Next.js, Tailwind CSS, TypeScript, and Supabase.
Overview
Syllabus
Twitter Intro
0:02:32 Build the Ultimate Twitter Clone using Next.js 13 with Tailwind CSS, TypeScript and Supabase
Building the left sidebar of Twitter using Tailwind CSS
Building Twitter Timeline using Next.js & Tailwind CSS
Building the Trending Section Layout and Who to follow using Tailwind CSS
Designing Twitter Clone PostgreSQL Database using ChatGPT and dbdiagram
Authentication with Supabase in Next.js 13 app directory
Saving Tweet in DB using NextJs Server Actions and Supabase
Handling errors in NextJs Server Action
Fetching all the Tweets in React Server Component
Implementing the Like Tweet Feature
Like-Unlike Feature Part-2
Optimising the Web App
Fixing a bug
Using ChatGPT to build Drizzle ORM schema from SQL
How to join tables and build a complex query using Drizzle ORM
Reply Tweet Feature
Reply Feature Part-2
Taught by
freeCodeCamp.org
Related Courses
-
Build a Twitter Clone with the Next.js App Router and Supabase
-
Build a SaaS product with Next.js, Supabase and Stripe
-
Build a Full Stack Twitter clone with Next.js
-
YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
-
Next.js React Framework Course – Build and Deploy a Full Stack App From scratch
5.0 -
Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone
