Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/masum184e/nextjs_complete_authentication
This repo dedicated to delivering a secure and efficient authentication solution using Next.js. It's a fullstack application, encompassing both frontend and backend functionalities within the Next.js framework.
https://github.com/masum184e/nextjs_complete_authentication
authentication nextjs nextjs-complete-authentication nextjs-full-stack-application nextjs-project nextjs14 react
Last synced: 10 days ago
JSON representation
This repo dedicated to delivering a secure and efficient authentication solution using Next.js. It's a fullstack application, encompassing both frontend and backend functionalities within the Next.js framework.
- Host: GitHub
- URL: https://github.com/masum184e/nextjs_complete_authentication
- Owner: masum184e
- Created: 2024-06-19T07:08:00.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-13T18:48:11.000Z (5 months ago)
- Last Synced: 2024-07-14T08:06:10.588Z (5 months ago)
- Topics: authentication, nextjs, nextjs-complete-authentication, nextjs-full-stack-application, nextjs-project, nextjs14, react
- Language: JavaScript
- Homepage: https://nextjs-complete-authentication.vercel.app
- Size: 741 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Complete Authentication
This fullstack application aims to provide a robust and secure authentication solution catering to both users and administrators. With features tailored for seamless user management, including registration, login, profile management, and password security enhancements, alongside powerful administrative capabilities such as user management and profile oversight, our system ensures a streamlined experience for all stakeholders.
# Preview
Live Preview
# Requirements
[Install Node On Your Device](https://nodejs.org/)
# How to Run
```
git clone https://github.com/masum184e/nextjs_complete_authentication.git
cd nextjs_complete_authentication
npm install
npm run dev
```
# Environment Variables
```
DATABASE_NAME=nextjs_complete_authentication
DATABASE_URL=mongodb://localhost:27017/
COOKIE_KEY=nextjs_complete_authentication
BCRYPT_GEN_SALT_NUMBER=10
JWT_SECRET_KEY=nextjs_complete_authentication
TOKEN_EXPIRES=5d
PROFILE_PIC_DIRECTORY=public
```
Copy and paste it from your firebase project setting.
# Libraries
| Library | Uses |
| ------------------------- |--------------------------------------------------------------------------------------------|
| axios | make HTTP request |
| react | JavaScript library for building user interfaces. |
| react-dom | React package for working with the DOM. |
| bcrypt | Hash password securely |
| react-icons | Library for including popular icon packs in React applications. |
| tailwindcss | Utility-first CSS framework for rapid UI development. |
| flowbite | Utility library for Tailwind CSS that provides pre-designed UI components. |
| jsonwebtoken | Library for generating and verifying JSON Web Tokens (JWT). |
| mongoose | MongoDB object modeling tool for Node.js. |
| next | React framework for server-rendered applications. |
# Key Features
### User
- Registration
- Login
- Sign Out
- Profile
- Change Password
### Admin
- Registration
- Login
- Sign Out
- View User List