https://github.com/dealbisac/auth-boilerplate

The boilerplate for authentication in the Next.js Project. Feel free to use in any kind of the project.
https://github.com/dealbisac/auth-boilerplate

Last synced: 21 days ago
JSON representation

The boilerplate for authentication in the Next.js Project. Feel free to use in any kind of the project.

• Host: GitHub
• URL: https://github.com/dealbisac/auth-boilerplate
• Owner: dealbisac
• Created: 2023-12-31T14:20:50.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-11T12:09:50.000Z (11 months ago)
• Last Synced: 2025-02-09T23:39:34.257Z (2 months ago)
• Language: TypeScript
• Size: 271 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Introduction 

Auth Boilerplate is a repository build in Next.js for making the authentication process in any web application easier and faster.

You can integrate it with any web application and it will provide you with a fully functional authentication system with login, signup, forgot password, and reset password features.

### Features

- **Login**: User can login using their email and password.

- **Signup**: User can signup using their email and password.

- **Forgot Password**: User can reset their password by sending a reset password link to their email.

- **Reset Password**: User can reset their password using the reset password link.

- **Protected Routes**: You can protect any routes by wrapping them inside the `ProtectRoute` component.

- **Private Routes**: You can create private routes by wrapping them inside the `PrivateRoute` component.

- **User Profile**: User can see their profile and update their profile picture.

- **Dark Mode**: User can switch between light and dark mode.

- **Multi-language Support**: User can switch between English and Spanish language.

### Technologies

- **Next.js**: The project is built using Next.js which is a React framework.

- **Tailwind CSS**: Tailwind CSS is used for styling the project.

- **React Hook Form**: React Hook Form is used for form validation.

- **React Query**: React Query is used for fetching data.

- **React Hook**: React Hook is used for state management.

- **Firebase**: Firebase is used for authentication and database.

- **NextAuth.js**: NextAuth.js is used for authentication.

- **Axios**: Axios is used for making HTTP requests.

- **React Icons**: React Icons is used for icons.

- **React Toastify**: React Toastify is used for showing toast messages.

- **React Select**: React Select is used for dropdowns.

- **React Hook Form Resolvers**: React Hook Form Resolvers is used for form validation.

### Installation

1. Clone the repository

```bash

git clone