FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023

Set up tailwind css in a next js typescript project by installing tailwind css, creating config files, and applying tailwind classes to components.

Set up a MongoDB Atlas cluster, choose the free shared plan, create a user, authorize IPs, and retrieve the connection URL to connect your app with Mongoose or MongoDB Compass.

Learn how to set up the Auth0 provider for a React/Next.js app, configure secrets and issuer, define local and production callback URLs, and test sign-in flows with Google.

Learn to style and lay out the home page for an authentication app using React, Next.js and TypeScript, including a centered user card, profile image, name, email, and sign-out.

Learn to style the home page using flex layouts, margins, borders, and responsive tweaks, integrate react icons for social links, and surface the source code with accessible links.

Learn to set up an authentication page in a React Next.js TypeScript project, build a sign up form with custom inputs, and implement a sign in toggle.

Implement password and confirm password inputs with min and max length validation, ensure password matches using refine, and test real-time error messages, plus consider a password strength check.

Refactor a register form by replacing a submit button with a reusable slide button component in React and TypeScript, wiring type, text, icon, and disabled state.

Implement show and hide password in signup forms with React useState, toggling password and confirm password inputs between password and text, using icons and accessible click handlers.

Implement a backend sign-up flow that validates all fields, checks for existing users, decrypts the password, creates a user model, and stores the new user in the database.

Learn to generate an activation token with json web token, send an activation email with a secure link, and activate accounts by updating the email verified flag in the database.

Build a frontend reset password flow in a React/Next.js TypeScript app, reuse a reset form with password and confirm password, and pass the url token via server side props.

Build and test a reset password API endpoint by extracting token and new password, verifying the reset token, locating the user, hashing and updating the password, and validating sign-in.