Next JS: The complete deep dive Course (2024 edition)

Learn server side rendering using the code you love

4.65 (68 reviews)
Udemy
platform
English
language
Web Development
category
Next JS: The complete deep dive Course (2024 edition)
1,099
students
49 hours
content
Dec 2023
last update
$84.99
regular price

What you will learn

Use Next JS and React

Better performing apps

Practice real life scenarios

Deployment to production

Description

Do you want better performing, SEO friendly web apps with server side rendering ?. This is the course for you.

We will start from the very beginning, from "I don't even what it is and why should I use it?“ to actually understand how Server side with Next + React works.

You will learn all the logic and practice behind Next JS + React in different modules, starting from the very beginning till under the hood topics.


Don’t know how to use React ?

Don’t worry, there is an optional full min course where we will show you how to use plain React, so once you have a strong base of React you can start with Next JS.


To sum everything up, you will learn in this course:

  • The very basics of Next. How to install and the logic behind it.

  • How to use routes properly and make it work with React.

  • We will learn how pre-rendering occurs on Next JS

  • Since our app will need a database, you will learn how to use it with MongoDB and mongoose.

  • Apply security, authentication, route guards.

  • We will create a practice projects just to practice everything.

  • Of course, we will learn the whole process of deploying to Vercel, Next's hosting.

  • If you want to refresh your React abilities you also get a Full mini React course.

What about the instructor experience ?

Well I've been around for 15 years now, built lots of applications for small projects and big companies like Citi, Fox, Disney and a lot more.

Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.

How about the target audience?

  • This course is for almost everyone, a little bit of JavaScript is required. We will use ES6 but you can learn as we go.

  • If you want to take your coding to the next level, this is the course for you.

Content

Introduction

Introduction
What IDE should you use
Node JS installation
How to get the code of each section

The Basics

What is NEXT js
How routes work and creating a project
Static routes and Nested routes
Dynamic routes
Catch all routes
Navigation
Components or not components
Styles
Meta tags and Head
The document
Images and static files

PRE-Rendering

Introduction
Static generation
Get static props
Incremental static regeneration ( ISR )
Not found and Redirects
Get static path
Get server side props
Client side fetching

Practice project one: Hokusai

Installations
Layout and header
Loading json and slider
Home cards
Creating the article page
The bio page
Finish

API Routes

Introduction
Creating and API route
Making a POST request
Dynamic API routes
Connecting to Mongo DB - part one
Connecting to Mongo DB - part two
What about mongoose
Working with the react context
Working with redux - part one
Working with redux - part two

Deploying

Introduction
Checking things to optimize
The config file
Building
Deploying

Authentication

Creating the sign in form
Register users
Hashing passwords
Validation
Duplicated users
The next auth file
Checking session
Route guard
API security

Practice project two: The smelly cats

Installation
Header and footer
Connecting to redux
Featured
Home shows layout
Creating the sign in form
Sign in form validation
Fixing MUI issue
Connecting to Mongo DB
Creating the user model
Register user - part one
Register user - part two
Sign in users
Notification part 1
Notification part 2
Adding a user to the store
Creating a users API route
Sign in when register
Auto sign in
Sign out users
Route guards
Admin Layout
Creating the show model
Creating the show model form
Posting shows to the DB
Custom server validation
Checking roles
Uploading image - part one
Uploading image - part two
Finishing the add show page
Installing the pagination plugin
Working with pagination part 1
Working with pagination part 2
Removing posts
Finishing the remove posts
Editing posts part one
Editing posts part two
Slug fix
Getting home shows
Creating the index of shows
Creating the API of index shows
Displaying shows
Creating the newsletter mail
Finish the newsletter
Creating the contact page
Sending emails part one
Sending emails part two
Updating user profile part one
Updating user profile part two
Email stepper part one
Email stepper part two
Email stepper part three
DEPLOYING ISSUES !!

React mini course.

Uploading !!!

Reviews

Jose
April 24, 2023
few days ago i did a question and i got completely ignored by the instructor and then i was checking and the teacher never replies the student questions, what is a luck of respect towards the students, for that reason i cannot give more than one star
Richard
October 7, 2022
Really disappointed that this course is so highly rated and it comes up way short. I only give 2.5 stars because of the number of topics and libraries covered. Much of the time it seemed like incoherent babbling. Many things either not explained or even described. A lot of random stuff with little structure.
Enes
December 29, 2021
First course by this instructor, I really like the way he teach. No bullshits, not hiding informations, and so far you can build many stuff. If you feel that you don't understand topic you have to search a bit. Instructor definetely deserve more students.

Charts

Price

Next JS: The complete deep dive Course (2024 edition) - Price chart

Rating

Next JS: The complete deep dive Course (2024 edition) - Ratings chart

Enrollment distribution

Next JS: The complete deep dive Course (2024 edition) - Distribution chart

Related Topics

4116254
udemy ID
6/11/2021
course created date
6/12/2021
course indexed date
Bot
course submited by