Universal React with Next.js - The Ultimate Guide (Udemy.com)

Learn how to make awesome server-rendered React apps with Next.js

( 50 Reviews )

Created by: Reed Barger

Produced in 2022

What you will learn

Create amazing server-rendered React apps with NextJS
Build projects ranging from fast static sites in NextJS to full-scale apps with a complete Node / Express backend
Use the added features of the NextJS framework to improve your React apps

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 88 / 100

Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a reactjs course? Or looking for more detail on Reed Barger's Universal React with Next.js - The Ultimate Guide? Feel free to chat below.

Join CourseDuck's Online Learning Discord Community

Course Description

Do you want to make amazing, performant, and overall better React applications? Look no further than Next.js.
This course is the best guide you'll find to learn the Next.js framework. In it, we will be making FOUR complete React / Next.js projects, each from project start to deployment on the web.
Here's what we'll be making:

A full-stack social media application, built with React.js / Next, a complete Express API, Mongoose / MongoDB, Passport Authentication, and Material UI
A Hacker News progressive web app that can run offline and has a perfect (100/100) Lighthouse score
A user authentication system which uses signed, secure cookies
A portfolio application built as a static site

What will be covered?

User Authentication with Passport in Next.js
Cookie Authentication in Next / Getting Cookies from Server and the Client
Lifecycle Methods like getInitialProps for Fetching Data and User Authentication
Protected Routes / Route Guards in Next
Next Router, along with Page Prefetching
Query Params in Next.js and Custom Routes with Express
Integrating Next with a Custom Server Setup Like Express
Building APIs with the help of Next
Making Progressive Web Apps in Next.js (Web App Manifest and Service Workers)
Pagination using Query Params
Deploying our projects with Now v2 and Heroku (both as static sites and Node.js apps)
Improving SEO with the help of the custom Head component in Next
Custom Error Pages for better Error Handling
Custom Pages in Next (_App and _Document)
Styling our Apps with Styled-JSX
Building impressive user interfaces with Material-UI
Integrating CSS-in-JS options like Material-UI with Next.js
Snackbar Notifications with Material UI
And much more...

Who this course is for:

Anyone interested in making better, more performant React apps with NextJS
React developers interested in the advantages the NextJS framework has to offer
Developers interested in broadening their React skillset

Time: 9.5h

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

Instructor Details

Reed Barger

4.4 Rating
50 Reviews

I am a professional developer with a passion for learning and teaching everything I know.
I believe in learning through doing and this philosophy is present in every course that I teach.
I love to explore new web & mobile technologies and my courses focus on giving you the edge in our fast-moving industry.
Looking forward to seeing you inside one of my courses!

Reviews

4.4

50 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Alicia Scarborough on

Excellent course. It lived up to what I was expecting to get out of it (a firmer handle on NextJS and React).One thing to note... the IDE code hints got a bit annoying while watching & following along with the video. In the video the lines of code would get obscured momentarily by the code hints.Recommend that future course recordings that the code hints in the IDE are turned off to prevent the minor issue.Great course. Looking forward to taking more from this instructor.

By Glenn Yago on

Thank you very much, Reed. Enjoyed the learning process.

By Ryan Racioppo on

Great overview of next.js, lots of react knowledge learned even tho that was not my intention starting the course. But SSR apps built with react can use Next so it's all worth the time.

By Juan Diaz on

I'm 1-3 on the course and I think it is a very easy to follow and clear course. It took a little bit to get used to the tempo and tone of the presenter but he is a good explainer. Not too deep, not too much time spent on explaining basic stuff.

By Arturo Maltos on

Course goes very fast, even for someone with experience on the topic there are concepts that are constantly assumed.

By Harshal Hirve on

Excellent course! Must for all those who wants to start with Next.js. Thank you so much for explaining all the topics in depth & in simple language. Very much appreciated.

By Danny Rivera on

Clearly articulated course with useful tutorials. Highly recommended to any full-stack developer looking to understand the highly popular javascript MERN stack.

By Yochai Tamir on

very addvanced well explained. deffenently not a waist of time or money

By Keaton Gallagher on

Fantastic although I would have liked for him to start this final project from scratch.

By Bora Manasijevic on

Course is okay, in terms of projects that you will build. But, Instructor does not explain much and what was the biggest issue for me is that he is not active inside Q&A, so if you encounter any issue, be prepared to brainstorm yourself which I don't have anything against, I always try myself to fix the errors, even if it takes me few hours. But the problem is when you can't and he does not respond in Q&A. So in the end, do not expect much from this course if you're total beginner with Next.JS.

By Aiya Akatayeva on

This course is a hidden gem. Thank you very much!

By Matt Joers on

Great videos, the only complaint I have is the author goes a bit fast, but if you go and slow down the video, then it's too slow and doesn't sound right. Wish there was an intermediate speed. Additionally, I wish there were additional explanations for a few items, but overall, the video helps create a lot of the content from scratch and gets your arms around Next.js and some of the different React Packages available.