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
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 MaterialUI
AHacker 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
Aportfolio 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 MaterialUI
And much more...