Learn Next JS 14 By Building Full Stack Project

Course Curriculum

Chapter 1: Introduction

Lecture 1: Source Code

Lecture 2: Next Project Setup

Lecture 3: Server & Client Component

Lecture 4: Adding New Routes

Lecture 5: Adding Navbar

Lecture 6: Sign Up Page UI

Lecture 7: Sign In Page UI

Chapter 2: Authentication

Lecture 1: Server Actions

Lecture 2: Data Validation Error Handling

Lecture 3: Better Way to Render Errors

Lecture 4: Rendering Errors

Lecture 5: Database Connection

Lecture 6: User Model

Lecture 7: Creating New User

Lecture 8: Hashing Password

Lecture 9: Fixing UX

Lecture 10: Good Looking Error

Lecture 11: Using Next Auth

Lecture 12: API Routes

Lecture 13: Sign In

Lecture 14: Sign In Action

Lecture 15: Next Auth Custom Error

Lecture 16: Redirect Throws an Error

Chapter 3: Advance Auth

Lecture 1: Getting Auth Session

Lecture 2: Profile Menu UI

Lecture 3: Logout Action

Lecture 4: Sending Entire User Inside Session

Lecture 5: Fixing Types

Chapter 4: Profile Page UI

Lecture 1: Profile Page

Lecture 2: Banner Image UI

Lecture 3: Profile Image UI

Lecture 4: Profile Image Selector UI

Lecture 5: Banner Selector UI

Lecture 6: Profile Name UI

Chapter 5: Profile Update

Lecture 1: Updating Profile State

Lecture 2: Profile Update Route

Lecture 3: Update Profile Part 1

Lecture 4: Where to Upload Files

Lecture 5: Cloud Config

Lecture 6: Uploading Files

Lecture 7: Why Stream

Lecture 8: Refactoring Cloud Upload

Lecture 9: Profile Update Final

Lecture 10: Reducing Image Size

Lecture 11: Updating Session

Lecture 12: Updating JWT

Chapter 6: Post Create UI

Lecture 1: Group Route

Lecture 2: Grouping Private Routes

Lecture 3: Post Create UI Part 1

Lecture 4: Post Create UI Part 2

Lecture 5: Post Create UI Part 3

Lecture 6: Image Link Copy UI

Lecture 7: Post Create UI Part 4

Lecture 8: Rendering Markdown in a Client Component

Lecture 9: Next MDX Custom Components

Lecture 10: Post View Component

Lecture 11: Post Header UI

Chapter 7: Creating Blog Post

Lecture 1: Vercel Blob

Lecture 2: Uploading to Vercel Blob

Lecture 3: File Upload UX

Lecture 4: Estimated Reading Time

Lecture 5: Post Model

Lecture 6: Create Post Part 1

Lecture 7: Create Post Part 2

Lecture 8: Submitting Form

Chapter 8: Post Update

Lecture 1: Visible Navigation

Lecture 2: Dynamic Routes

Lecture 3: Post Form

Lecture 4: Update Post Form

Lecture 5: Post Update Action Part 1

Lecture 6: Post Update Action Part 2

Chapter 9: Single Post

Lecture 1: Single Post Page

Lecture 2: Rendering Markdown inside Server

Lecture 3: The SEO

Lecture 4: Generate Matadata

Lecture 5: Hydrationg Error

Chapter 10: Building For Production

Lecture 1: Lets Build

Lecture 2: Static vs Dynamic

Lecture 3: Hosting Next App

Lecture 4: Fixing Home Page

Lecture 5: Static Behavior

Lecture 6: Revalidate Path

Lecture 7: Is It Working