Next.js – Build Full Stack Apps with Next.js & TypeScript

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction of Course

Lecture 2: Project (BookIT) Complete Demo

Chapter 2: Setting up Environment

Lecture 1: Installing all required tools

Lecture 2: Install MongoDB Community Server

Chapter 3: How to get the Source Code?

Lecture 1: Get BookIT Source Code Details

Chapter 4: Why Next.js?

Lecture 1: What is Next.js?

Lecture 2: File Base Routing & Full Stack Apps

Lecture 3: Server Side Rendering

Chapter 5: Starting BookIT Project with Next.js

Lecture 1: Installing Next.js & Understanding Folder Structure

Lecture 2: Starting with Backend API

Lecture 3: Setting Up Postman Environment

Lecture 4: Connecting to MongoDB

Chapter 6: Adding Rooms Resource

Lecture 1: Creating Room Model

Lecture 2: Create & Save Room – ADMIN

Lecture 3: Fetch all Rooms

Lecture 4: Creating Data Seeder

Lecture 5: Get single Room Details

Lecture 6: Update Room – ADMIN

Lecture 7: Delete Room – ADMIN

Chapter 7: Custom Error Handling

Lecture 1: Create Error Handler Class

Lecture 2: Global Async Error Handler

Lecture 3: Validation & Mongoose ID Error

Chapter 8: Adding Filters, Search, Pagination

Lecture 1: Search Rooms by Location

Lecture 2: Filter Rooms

Lecture 3: Adding Pagination

Chapter 9: Let's start BookIT Frontend

Lecture 1: BookIT HTML & CSS Details

Lecture 2: Setting up layout & Global Provider

Lecture 3: Header & Footer Component

Lecture 4: BookIT Homepage

Lecture 5: Add hot-toast for messages/errors

Chapter 10: Data Fetching, Caching, Revalidating

Lecture 1: Server Component vs Client Component

Lecture 2: Data Fetching

Lecture 3: Data Caching

Lecture 4: Data Revalidating

Chapter 11: Handle Error, Room, Room Details & more

Lecture 1: Fetch All Rooms & Handle error

Lecture 2: Render all Rooms

Lecture 3: Fetch Room Details & Set Dynamic title

Lecture 4: Render Room Details

Chapter 12: Pagination, Search – Frontend

Lecture 1: Adding Pagination

Lecture 2: Search Rooms Component

Lecture 3: Adding additional options in Search

Chapter 13: Authentication with next-auth

Lecture 1: Create User Model

Lecture 2: Register User and Encrypt Password

Lecture 3: Handle User Login on Backend

Lecture 4: Login User Component

Lecture 5: Get Session & Show User in Header

Lecture 6: Logout User & Placeholder

Chapter 14: Integrating Redux Toolkit

Lecture 1: Creating Redux toolkit store

Lecture 2: Add user to the State

Lecture 3: RTK Query Mutation & Register User

Chapter 15: Protected Routes & Handle User

Lecture 1: Update User Profile Endpoint

Lecture 2: Protect Backend API Routes

Lecture 3: Update User Profile Component

Lecture 4: Update User Session

Lecture 5: Protect Frontend Routes with Middleware

Lecture 6: Nested User Layout

Lecture 7: Update Password Endpoint & Fix err Message

Lecture 8: Handle Mongoose Duplicate Key Error

Lecture 9: Update Password Component

Lecture 10: Configure Cloudinary to Upload & Delete File

Lecture 11: Upload User Avatar Endpoint

Lecture 12: Upload User Avatar Component

Lecture 13: Fix User Sidebar Menu BUG!

Chapter 16: Forgot & Reset Password

Lecture 1: Generate Forgot Password token

Lecture 2: Setup Nodemailer & Email HTML Template

Lecture 3: Send Password Recovery Email

Lecture 4: Handle Forgot Password Component

Lecture 5: Handle New Password Endpoint

Lecture 6: Handle New Password Component

Chapter 17: Generate & Render Room Map

Lecture 1: Setup Node GeoCoder with MapQuest

Lecture 2: Generate & Save Map Coordinates

Lecture 3: Render Map on the Room Details Page

Chapter 18: Handle Room Bookings & Invoice

Lecture 1: Create Booking Model

Lecture 2: Display Date Range Picker

Lecture 3: Create & Save New Booking

Lecture 4: Handle Room Availability Endpoint

Lecture 5: Handle Room Availability

Lecture 6: Get all booked dates of Room

Lecture 7: Disable Booked dates on Calendar

Lecture 8: Current User Bookings & Booking Details Endpoint

Lecture 9: Get current user Bookings

Lecture 10: getAuthHeader() for protected endpoints