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

Next.js – Build Full Stack Apps with Next.js & TypeScript, available at $64.99, has an average rating of 4.65, with 236 lectures, based on 289 reviews, and has 2436 subscribers.

You will learn about Learn all important features of Next JS Learn Server Side Rendering with Next Learn how file base routing works in Next Learn all different ways to pre fetch data Learn how to build full React stack application in Next JS Learn how to build production ready react apps Learn how to implement authentication with next-auth Learn how to implement Redux properly for State management in Next Learn how to integrate modern payment gateway like Stripe Learn how to integrate third party image hosting server like Cloudinary Learn how to handle errors properly Learn how to deploy full stack app on Vercel This course is ideal for individuals who are Any developer who wants to enhance React knowledge or Developers who want to build build Full Stack React Applications or Any developer who wants to learn Next JS practically or Anyone who loves to learn new technology It is particularly useful for Any developer who wants to enhance React knowledge or Developers who want to build build Full Stack React Applications or Any developer who wants to learn Next JS practically or Anyone who loves to learn new technology.

Enroll now: Next.js – Build Full Stack Apps with Next.js & TypeScript

Summary

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

Price: $64.99

Average Rating: 4.65

Number of Lectures: 236

Number of Published Lectures: 236

Number of Curriculum Items: 236

Number of Published Curriculum Objects: 236

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Learn all important features of Next JS

Learn Server Side Rendering with Next

Learn how file base routing works in Next

Learn all different ways to pre fetch data

Learn how to build full React stack application in Next JS

Learn how to build production ready react apps

Learn how to implement authentication with next-auth

Learn how to implement Redux properly for State management in Next

Learn how to integrate modern payment gateway like Stripe

Learn how to integrate third party image hosting server like Cloudinary

Learn how to handle errors properly

Learn how to deploy full stack app on Vercel

Who Should Attend

Any developer who wants to enhance React knowledge

Developers who want to build build Full Stack React Applications

Any developer who wants to learn Next JS practically

Anyone who loves to learn new technology

Target Audiences

Any developer who wants to enhance React knowledge

Developers who want to build build Full Stack React Applications

Any developer who wants to learn Next JS practically

Anyone who loves to learn new technology

If you want to build a Full-stack App in React (Next js) or if you want to learn how to implement server-side rendering then welcome to this Ultimate Next.js course.

In this course, we will use Next js which is a production-ready React.js framework. This is one of the most powerful tools with its three most key features:

File-based routing

Server-Side Rendering

Full-stack application development

And in this course, we are going to use all these features and implement them in our project. Not only this, but we will also learn How we can implement Redux for state management in Next.jswith Server Side Rendering.

We will use next-auth which is the most popular package used with next for ultimate and powerful authentication.

We will make a full-stack Hotel Booking Applicationthat is only built with Next.js.

We will integrate Stripe Payment Gateway to accept payment from users and follow the best practices for that.

SUPER FRIENDLY SUPPORT:

If you ever get stuck in any problem, I’m here to unstuck you. I always respond as fast as I can. Because I know there’s nothing worse than getting stuck into problems, especially programming problems. So, I am always here to support you.

You can watch the complete DEMO of this project in the course content. If you are ready to build Production-Ready, Full Stack, Server Side Rendered Apps then I will see you in the course.

Course Content:

Setting up Environment

Why Next.js?

Starting BookIT Project with Next.js

Adding Rooms Resource

Custom Error Handling

Adding Filters, Search, Pagination

Let’s start BookIT Frontend

Data Fetching in Next.js

Implementing Redux for State Management

Adding Pagination, Search on Frontend

Authentication with next-auth

Protected Routes & Handle User

Handle Room Bookings

Adding Stripe for Payments

Handle Room Reviews

Admin Routes – Part 1

Admin Routes – Part 2

Deploying on Vercel

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: Lets 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

Instructors

Ghulam Abbas
Full Stack Developer & Designer

Rating Distribution

1 stars: 5 votes

2 stars: 7 votes

3 stars: 30 votes

4 stars: 71 votes

5 stars: 176 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!