Auth-App
0
Backend Engineer
Frontend Engineer
Fullstack Engineer
Next.js
Tailwind CSS
TypeScript
Best NextJS Authentication System 🌟
A state-of-the-art authentication solution for any NextJS platforms, offering a blend of security, usability, and scalability.
Table of Contents
Features
Secure authentication with Clerk
Single Sign-On (SSO) support
Email verification flow
Password reset functionality
Responsive design for mobile and desktop
Screenshots
SignIn Screen
SignUp Screen
Installation
Prerequisites
Ensure you have Node.js installed on your machine.
node --version
npm --version
Steps
Clone the repository:
git clone https://github.com/ItsPinion/NextJS-Auth-Template.git
Navigate into the directory:
cd NextJS-Auth-Template
Install dependencies:
npm install
# or
bun install
Copy
.env.example to .env and fill in the required values.Start the development server:
npm run dev
# or
bun dev
or
Build and start the server:
npm run build
npm start
# or
bun run build
bun start
Environment Variables
DATABASE_URL: Connection string for your database.CLERK_SECRET_KEY: Clerk secret key for authentication.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY: Clerk publishable key exposed to the client side.Usage
Navigate to
http://localhost:3000 in your web browser and click the sign in button to start the authentication process.Deployment
Deployed using Vercel. Continuous deployment is configured via GitHub Actions.
Contributing
We welcome contributions! Please read our Contributing Guide for details on how to submit pull requests to us.
License
MIT License © ItsPinion
Acknowledgments
The Shadcn UI library for providing a modern and clean UI.
Clerk for handling authentication and user sessions.
Drizzle ORM for efficient data management.
The open-source community for their contributions and support.
Contact
For any questions or feedback, please contact the project maintainer(ME) at our discord server Pinion's Nest.
Like this project
0
Posted Aug 23, 2024
A reliable adaptable answer for any NextJS platforms providing smooth sign-in with top-notch safety measures social media logins, password reset, email checks,…
Likes
0
Views
3
Tags
Backend Engineer
Frontend Engineer
Fullstack Engineer
Next.js
Tailwind CSS
TypeScript
Lesson Scheduler
Day1: Your Daily Reporting Tool