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
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
Overall Score : 88 / 100
Course Description
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
- 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...
- 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
Instructor Details
- 4.4 Rating
50 Reviews
Reed Barger
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!
More courses by Reed Barger
Serverless React with AWS Amplify - The Complete Guide (2021)
4.3 (234 Reviews)
Provider: Udemy
Time: 8.5h
$11.99
Build a Social Network with Flutter and Firebase (2019)
4.0 (223 Reviews)
Provider: Udemy
Time: 9h
$11.99
Build a Slack Chat App with React, Redux, and Firebase (2021)
4.3 (50 Reviews)
Provider: Udemy
Time: 6h
$11.99
Awesome Apps with React Hooks and Firebase (2021)
4.7 (36 Reviews)
Provider: Udemy
Time: 2.5h
$11.99
Mobile E-Commerce with Flutter, Redux, and Stripe (2021)
3.3 (16 Reviews)
Provider: Udemy
Time: 7h
$11.99
More reactjs courses
React js. From the beginning. w/ Redux and React Router (2021)
4.9 (39 Reviews)
Provider: Udemy
Time: 15.5h
$11.99
React JS, Angular & Vue JS - Quickstart & Comparison (2021)
4.8 (362 Reviews)
Provider: Udemy
Time: 8h
$11.99
Learn React by building and deploying production ready app (2018)
4.8 (50 Reviews)
Provider: Udemy
Time: 2.5h
$11.99












![Modern React with Redux [2020 Update]](/programming/react-js/images/705264_caa9_11.jpg?v=20260912b)

