https://github.com/easycodingtutorial/authwithimg

Authentication System Using NEXT.JS, TS
https://github.com/easycodingtutorial/authwithimg

authentication authentication-system nextjs14 typescript

Last synced: 2 months ago
JSON representation

Authentication System Using NEXT.JS, TS

• Host: GitHub
• URL: https://github.com/easycodingtutorial/authwithimg
• Owner: EasyCodingTutorial
• Created: 2024-11-03T15:44:49.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-03T04:24:44.000Z (about 1 year ago)
• Last Synced: 2025-08-18T06:46:05.114Z (5 months ago)
• Topics: authentication, authentication-system, nextjs14, typescript
• Language: TypeScript
• Homepage: https://auth-with-img.vercel.app
• Size: 2.37 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# Authentication System Using NEXT_AUTH

In this tutorial, we’ll create a secure authentication system using **NextAuth.js** and **MongoDB** for data persistence. This guide is ideal for developers looking to implement route protection, credential-based login, and data management using modern web technologies without social authentication providers.

 

## Technologies Used

 - **Next.js**: A React framework for server-side rendering and static site generation, improving performance and SEO.

 - **NextAuth.js**: A flexible authentication solution for Next.js applications, allowing us to secure routes and handle session management.

 - **MongoDB**: A NoSQL database for storing user information securely.

## 📌 In This Video:

- Setting up **NextAuth.js** with custom credentials

- Implementing route protection to restrict unauthorized access

- Storing and managing user data in **MongoDB**

- Following best practices for secure and scalable authentication

## Note: This project is for educational purposes only. Ensure to adhere to security best practices when implementing authentication in production.

## Getting Started

Follow these steps to get the project running locally:

1. **Clone** the repository to your local machine.

2. **Navigate** to the project directory.

3. Install dependencies by running `npm install` or `yarn install`.

4. Set up your **MongoDB** connection string in an `.env` file.

5. Start the development server using `npm run dev` or `yarn dev`.

6. Access the application in your browser at `http://localhost:3000`.

## Contributions

Contributions are welcome! Feel free to open issues for any bugs, feature requests, or suggestions.

## Learn By Watching Video ▶️

[![Watch Demo Video](https://img.youtube.com/vi/7ozwDPr7sog/maxresdefault.jpg)](https://www.youtube.com/watch?v=7ozwDPr7sog)