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

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

Created by: Reed Barger

Produced in 2021

icon
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

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100

icon
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

icon
Instructor Details

placeholder

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!

icon
More courses by Reed Barger

React Hooks

$11.99

Serverless React with AWS Amplify - The Complete Guide

$11.99

Build a Social Network with Flutter and Firebase

$11.99

Build a Slack Chat App with React, Redux, and Firebase

$11.99

Awesome Apps with React Hooks and Firebase

$11.99

Mobile E-Commerce with Flutter, Redux, and Stripe

$11.99

icon
More reactjs courses

React js. From the beginning. w/ Redux and React Router

$11.99

React JS, Angular & Vue JS - Quickstart & Comparison

$11.99

Server Side Rendering with React and Redux

$11.99

Microservices with Node JS and React

$11.99

Learn React by building and deploying production ready app

$11.99

Modern React with Redux [2020 Update]

$11.99

icon
Reviews

4.4

50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Siarhei Lunski

I've only started the first project on this course but already feel such a great usefullness of the material. Great explanation with a gradual progress. Fabuluos.

By Ahmed Musawir

Awesome course! One of a kind. Nothing like this on the Next.js is available anywhere on the net right now ... trust me, I looked. The best part about this course for me was the part where he teaching how to build a Progressive Web App with Next.js and does a successful performance audit with Google Lighthouse and scores almost perfect! That was amazing!! Opened up doors for me. Also, he is very quick to answer my questions. Thanx a lot to the Author!

Hopefully, he will build a course with Next.js and Redux in the near future...

By Osuide Clement

It is an overall good course really.

Reed uses real world examples.

But his explanation is lacking in detail and he starts with almost complete templates in a bid to save time but it's not the best option I'm afraid

By Adrian

Reed does a great job of having projects that start from a basic level to advance. I really enjoyed this tutorial.

By Beta Anggoro

I like the way the course being presented. The exercises / real problem solving walk through is just right in depth, not too concise or too much. Will definitely keep checking for future classes.

Thanks Reed! :)

By Kranti Nebhwani

Absolutely amazing course. Very concise but also informative. You build some very interesting apps and quickly find out how powerful react and nextjs is, and I've learned so much more here than any other source. Thank you Reed Barger!

By Sahil Mobidien

The course in general is good, but one important thing that is missing, using state management packages like redux, and use cookies to handle user authentication, and not to save the user data on the window object.

By Dariy Kutelov

This course was very useful to me and reviewing what I learned, it is much more than my initial expectations. I really liked the social media full stack project and how it is structured. It was my first course of Reed and I enjoyed his concise and clear style of presenting and explanations.

By Anonymized User

too fast

By Prince Kumar

Not good for starters

By Eliazer Braun

Pretty good..

By Jagrajan Bhullar

Instructor goes too fast, have to keep pausing to type out code. However, the content is straight and too the point and not full of explanation, which I like.