Auth Stack

Auth Stack is a powerful authentication solution crafted for full-stack projects, leveraging the MERN and Next.js technology stacks. This repository serves as a comprehensive boilerplate code, offering pre-built login, sign components, and more, with 100% customization for developers.

Motivation

As a developer, I frequently encountered the need for a reliable and scalable authentication system across diverse projects. Auth Stack is born out of the motivation to simplify this process, providing an easy-to-use and customizable solution that adheres to industry standards. Our goal is to save developers time, effort, and resources while ensuring a secure and robust authentication experience.

Key Features

• Pre-built Components: Accelerate development with ready-made login, sign, and 404 components.
• JWT Authentication: Implement a secure and persistent login system using JSON Web Tokens.
• Access and Refresh Tokens: Ensure authorized access to protected routes.
• Customizable Components: Tailor both functionality and UI to your project's unique requirements.
• Quick Setup: Expedite project initiation with easy configuration through the .env file.

Tech Stack

MERN Stack

• Frontend:
  • React with TypeScript and Tailwind CSS.
• Backend:
  • Node.js + TypeScript for API development, incorporating routes for registration, login, profile updates, password reset, and email verification.

Next.js JS

• Frontend and Backend:
  • Similar components and hooks, with API routes implemented in Next.js.
  • GitHub

Getting Started

Prerequisites

Before you begin, ensure you have the following:

For MERN:

• JavaScript
• Node.js
• Tailwind CSS
• React.js
• TypeScript

For Next.js:

• JavaScript
• Next.js
• Tailwind CSS
• TypeScript

Both Require:

• NPM
• Git

Installation

1. Clone or Fork:

   • Clone or fork the repository based on your preference.

2. Configure .env:

   • Set up the .env file with the required values, including secrets and keys.

3. Install Dependencies:

   • Install project dependencies using npm install.

Make sure to run npm run update command

4. Run the Application:
   • Execute the application with npm run dev.

Customization

Auth Stack is designed to be 100% customizable. Utilize the provided source code as a robust starting point for your projects. Tailor the components both functionally and aesthetically to seamlessly integrate with your project.

Support

If you encounter any issues or have questions, don't hesitate to raise an issue on GitHub). Explore the FAQs in the documentation for answers to common queries.

Licensing

Auth Stack is licensed under the Apache-2.0 license. Feel free to use, modify, and distribute this codebase in your projects.

Open Source Contributions

We welcome contributions from the open-source community. If you'd like to contribute to Auth Stack, please follow our contribution guidelines. Your input is valuable in enhancing the functionality and stability of Auth Stack for everyone.