Full Stack Next.js with Redux, Express & MongoDB

Install node.js and yarn, set up git bash and a code editor, create a Next.js app with create-next-app, then run yarn start to view at localhost:3000.

Enable static assets by importing images and styling with less, using a next.config.js to load asset types, and installing four dependencies (next-sace, next-images, zite, less).

Learn to set up Redux in a Next.js app by installing packages, building a Redux folder with actions, reducers, and types, and wiring the store to the application.

Install the react developer tools chrome extension to inspect react elements and view component state values, including redux state, by opening dev tools and checking header, registered, and logging components.

Explore Node.js and Express as a backend for your Next.js app, using asynchronous, non-blocking, event-driven APIs to handle multiple requests with a fast, single-threaded, scalable, no buffering server.

Explore setting up environment variables and connecting to MongoDB with mongoose, including enabling useCreateIndex, and manage asynchronous operations using promises and async/await with try/catch for error handling.

Define a user schema with name, age, email, and password, create and save a dummy user, and explore unique email constraints and basic MongoDB using Mongoose.

Explore building a register endpoint with express router and mongodb, hash passwords with a salt, generate a token, save new users, and return the token for authentication.

Create a login endpoint using email authentication and password hash verification. Return user details and an access token, without exposing the password.

Create a sign up and register flow using a Bootstrap modal, manage form data with React state, and capture name, age, email, and password as users type.

Build a login form by reusing the register code, switching to sign in with email and password, and toggling the sign-in modal from the header.

Learn how to display and handle errors in a Redux-powered app, dispatch meaningful error messages, and persist and restore user data from local storage during authentication.

Deploy and manage your full stack app on Hiroku, linking GitHub, configuring environment variables, and enabling manual or automatic deployments while testing registration and weather features.