Universal React with Next.js - The Ultimate Guide

Universal React with Next.js - The Ultimate Guide, Learn how to make awesome server-rendered React apps with Next.js

Created by Reed Barger, English, English [Auto-generated]

PREVIEW THIS COURSE - GET COUPON CODE

What you'll 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

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?

Cookie Authentication in Next / Getting Cookies from Server and the Client

User Authentication with Passport in Next.js

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...

Enroll Now -> Universal React with Next.js - The Ultimate Guide

React Front To Back
Learn Modern React 16.8+ Including Hooks, Context API, Full Stack MERN & Redux By Building Real Life Projects

React - The Complete Guide (incl Hooks, React Router, Redux)
Dive in and learn React.js from scratch! Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and way more!

The Complete React Developer Course (w/ Hooks and Redux)
Learn how to build and launch React web applications using React, Redux, Webpack, React-Router, and more!