Skip to content

This project is a full-stack authentication system built using the Next.js App Router, JSON Web Tokens (JWT), Express, and MongoDB Atlas. It integrates Material-UI (MUI) for a sleek and responsive user interface. The project showcases how to implement secure authentication in a Next.js environment.

Notifications You must be signed in to change notification settings

Talibb1/Next-JS-Authentication-JWT-MUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Next-JS-Authentication-JWT-MUI

Free Next JS Authentication System made with Material-UI components also TypeScript.

Demo

Login.-.Copy.mp4

Tech Stack

  • Framework: Next.Js 14 App Router
  • State Container: Redux Toolkit , RTK Quary
  • Notification: react-hot-toast
  • Styling: Material UI
  • Icons: Material Icons

Quick start

  • Download from Github or clone the repo : git clone https://github.com/Talibb1/Next-JS-Authentication-JWT-MUI/tree/main
  • Recommended Node.js v20.14.0.
  • Install: npm install
  • Start: npm run dev
  • Build: npm run build

Technologies

Client Server
@reduxjs/toolkit bcryptjs
formik cookie-parser
yup passport
react-hot-toast cors
next dotenv
icons-material express
react jsonwebtoken
react-dom mongoose
react-icons nodemailer
react-redux express-rate-limit
redux helmet
styled-components nodemon
material UI passport-jwt

Important Links

Author

Contact us

Email: talibuddinqazi@gmail.com

About

This project is a full-stack authentication system built using the Next.js App Router, JSON Web Tokens (JWT), Express, and MongoDB Atlas. It integrates Material-UI (MUI) for a sleek and responsive user interface. The project showcases how to implement secure authentication in a Next.js environment.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published