Learn NextJs (App Router) by building a full-stack Web App

سرفصل های دوره

Build a Full Stack Twitter Clone using NextJs 13 (app router) + Tailwind CSS + Supabase + Drizzle ORM

1. Introduction and setting up the app dev environment

1. Introduction and demo of the app we are going to build

2. Setup the dev environment

2. Layout Design

1. Building the left sidebar of Twitter using Tailwind CSS

2. Building Twitter Timeline using Next.js And Tailwind CSS

3. Building the Trending Section Layout and Who to follow using Tailwind CSS

3. Database Setup

1. Designing Twitter Clone PostgreSQL Database using ChatGPT and dbdiagram

4. Authentication for Web Application

1. Authentication with Supabase in Next.js 13 app directory

5. Saving Tweets in DB

1. Saving Tweet in DB using NextJs Server Actions and Supabase

2. Handling errors in NextJs Server Action

3. Fetching all the Tweets in React Server Component

6. Like Tweet Feature

1. Like-Unlike Feature Part-1

2. Like-Unlike Feature Part-2

7. Optimising the Web App

1. Optimising the Web App

2. Fixing a bug

8. Drizzle ORM schema

1. Using ChatGPT to build Drizzle ORM schema from SQL

2. How to join tables and build a complex query using Drizzle ORM

9. Reply Tweet Feature

1. Reply Tweet Feature part-1

2. Reply Tweet Feature part-2

10. Infinite Reply Feature

1. Introduction of Infinite Reply feature

2. Implement Infinite Reply feature

3. Fetch Reply

4. Show Reply Count

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy