Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
17 Hour(s) 7 Minute(s)
Language
English
Taught by
Ghulam Abbas
Certificate
- Available
- *The delivery and distribution of the certificate are subject to the policies and arrangements of the course provider.
Rating
2 views
Course Overview
Next.js - Learn Next.js to build Full Stack, Production Ready & Powerful Apps using Redux, next-auth, Stripe & Vercel
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.js with 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 Application that 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 Content
- 43 section(s)
- 238 lecture(s)
- Section 1 Introduction
- Section 2 Setting up Environment
- Section 3 How to get the Source Code?
- Section 4 Why Next.js?
- Section 5 Starting BookIT Project with Next.js
- Section 6 Adding Rooms Resource
- Section 7 Custom Error Handling
- Section 8 Adding Filters, Search, Pagination
- Section 9 Let's start BookIT Frontend
- Section 10 Data Fetching, Caching, Revalidating
- Section 11 Handle Error, Room, Room Details & more
- Section 12 Pagination, Search - Frontend
- Section 13 Authentication with next-auth
- Section 14 Integrating Redux Toolkit
- Section 15 Protected Routes & Handle User
- Section 16 Forgot & Reset Password
- Section 17 Generate & Render Room Map
- Section 18 Handle Room Bookings & Invoice
- Section 19 Integrating Stripe for Payments
- Section 20 Handle Room Reviews & 404 Page
- Section 21 Admin Dashboard & Sales Charts
- Section 22 Admin Routes - Part 1
- Section 23 Admin Routes - Part 2
- Section 24 [UPDATE] Server Actions
- Section 25 Deploying on Vercel
- Section 26 Final Words
- Section 27 [OLD VERSION] Why Next.js?
- Section 28 [OLD VERSION] Starting BookIT Project with Next.js
- Section 29 [OLD VERSION] Adding Rooms Resource
- Section 30 [OLD VERSION] Custom Error Handling
- Section 31 [OLD VERSION] Adding Filters, Search, Pagination
- Section 32 [OLD VERSION] Let's start BookIT Frontend
- Section 33 [OLD VERSION] Data Fetching & Pre Fetching in Next.js
- Section 34 [OLD VERSION] Implementing Redux for State Management
- Section 35 [OLD VERSION] Adding Pagination, Search on Frontend
- Section 36 [OLD VERSION] Authentication with next-auth
- Section 37 [OLD VERSION] Protected Routes & Handle User
- Section 38 [OLD VERSION] Handle Room Bookings
- Section 39 [OLD VERSION] Integrate Stripe for Payments
- Section 40 [OLD VERSION] Handle Room Reviews
- Section 41 [OLD VERSION] Admin Routes - Part 1
- Section 42 [OLD VERSION] Admin Routes - Part 2
- Section 43 [OLD VERSION] Deploying on Vercel
What You’ll 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
Skills covered in this course
Reviews
-
CChristopher L Ruckman
I haven't seen a sample project this amazing in any of the courses I have ever looked at before. I have over 70 courses (not all software dev related), and I try to gauge what will be a likely good course. I have never seen one this thorough. You cover topics that nobody else does, or if they do, they only skim the top. I look forward to diving deep into this course as I can already think of 3 projects that I want to implement using pretty much everything you've just covered in the sample app preview!!!!!!!!!! thank you, in advance, for one of the most exciting software development courses I have ever seen. I am sure others will agree with my comment!
-
BBunny Ngim
Nice
-
YYaser Haidari
The explanation is vague would love to get a refund. the course is outdated and the instructor doesn't explain properly but rather needs students just to just follow/copy his code. I took this course to understand and not just build a project blindly copying the code. My first Udemy course very dissapointed.
-
JJuan Antonio Olvera Cruz
I have been learning a lot of this course, it's really practice. my only comment there was a few section where the code can be improved but excellent content and the teacher was really kind to explain how to build this app, really amazing! thanks
