Loading repository data…
Khanr7433 / repository
A comprehensive full-stack authentication system built with Next.js 15, TypeScript, MongoDB, and Tailwind CSS. This project demonstrates modern web development practices and implements a complete user authentication flow with email verification and password reset functionality.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
A comprehensive full-stack authentication system built with Next.js 15, TypeScript, MongoDB, and Tailwind CSS. This project demonstrates modern web development practices and implements a complete user authentication flow with email verification and password reset function.
nextjs-auth-system/
├── src/
│ ├── app/ # App Router pages and API routes
│ │ ├── api/ # API endpoints
│ │ │ └── users/ # User-related API routes
│ │ │ ├── signup/ # User registration
│ │ │ ├── login/ # User authentication
│ │ │ ├── logout/ # User logout
│ │ │ ├── verifyEmail/ # Email verification
│ │ │ ├── forgotPassword/ # Password reset request
│ │ │ ├── resetPassword/ # Password reset
│ │ │ └── getUser/ # Get user profile
│ │ ├── login/ # Login page
│ │ ├── signup/ # Registration page
│ │ ├── profile/ # User profile pages
│ │ │ └── [id]/ # Dynamic user profile
│ │ ├── verifyEmail/ # Email verification page
│ │ ├── forgotPassword/ # Forgot password page
│ │ ├── resetPassword/ # Reset password page
│ │ ├── layout.tsx # Root layout component
│ │ ├── page.tsx # Home page
│ │ └── globals.css # Global styles
│ ├── db/
│ │ └── db.ts # MongoDB connection logic
│ ├── helpers/
│ │ ├── mailer.ts # Email service utilities
│ │ └── grtDataFromToken.ts # JWT token utilities
│ ├── model/
│ │ └── userModel.ts # Mongoose user schema
│ └── middleware.ts # Route protection middleware
├── public/ # Static assets
├── next.config.ts # Next.js configuration
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Dependencies and scripts
Clone the repository
git clone https://github.com/Khanr7433/nextjs-auth-system.git
cd nextjs-auth-system
Install dependencies
npm install
Set up environment variables
Create a .env.local file in the root directory:
# MongoDB Configuration
MONGO_DB_URI=mongodb://localhost:27017
# or for MongoDB Atlas:
# MONGO_DB_URI=mongodb+srv://username:password@cluster.mongodb.net
DATABASE_NAME=nextjs-auth-system
# JWT Secret
TOKEN_SECRET=your-super-secret-jwt-key
# Email Configuration (Example with Gmail)
EMAIL_HOST=smtp.gmail.com
EMAIL_PORT=587
EMAIL_USER=your-email@gmail.com
EMAIL_PASS=your-app-password
# Application URL
DOMAIN=http://localhost:3000
Run the development server
npm run dev
Open your browser
Navigate to http://localhost:3000
| Method | Endpoint | Description |
|---|---|---|
POST | /api/users/signup | Register new user |
POST | /api/users/login | User login |
GET | /api/users/logout | User logout |
GET | /api/users/getUser | Get current user profile |
| Method | Endpoint | Description |
|---|---|---|
POST | /api/users/verifyEmail | Verify user email |
POST | /api/users/forgotPassword | Request password reset |
POST | /api/users/resetPassword | Reset user password |
/) - Landing page/login) - User authentication/signup) - User registration/forgotPassword) - Password reset request/resetPassword) - Password reset form/verifyEmail) - Email verification/profile) - User dashboard/profile/[id]) - View specific user profileThrough building this project, I've learned:
Push to GitHub
git add .
git commit -m "Initial commit"
git push origin main
Deploy on Vercel
Set Environment Variables
Add all variables from .env.local to Vercel's environment settings.
# Development
npm run dev # Start development server with Turbopack
# Production
npm run build # Build for production
npm run start # Start production server
# Code Quality
npm run lint # Run ESLint
Contributions are welcome! Please feel free to submit a Pull Request.
git checkout -b feature/AmazingFeature)git commit -m 'Add some AmazingFeature')git push origin feature/AmazingFeature)Rashid Khan
⭐ If you found this project helpful, please give it a star! ⭐
Selected from shared topics, language and repository description—not editorial ratings.
vuesion /
Vuesion is a boilerplate that empowers product teams to build faster with modern best practices across engineering and design. It features a full-stack framework, comprehensive design system, robust testing, and seamless internationalization.
89/100 healthancoleman /
Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
85/100 healthHarmanPreet-Singh-XYT /
This is a full stack eCommerce website built using the PERN stack (PostgreSQL, Express, React, Node.js). It features a modern and responsive design, secure payment gateways, dynamic product display algorithms, and comprehensive user functionalities such as wishlist, reviews, order tracking, and more.
83/100 healthwei30172 /
A full-stack authentication demo built with Next.js 14, NextAuth.js v5, MongoDB (via Mongoose), and TypeScript. Supports both Google OAuth and email/password login, with internationalization (i18n) and comprehensive authentication flows.
62/100 healthttpss930141011 /
This repo implements a simple but comprehensive chat app with Next.js 13 (app router), Socket.io, Mantine, Zustand. (Note: backend server may enter sleep mode due to inactivity. Please wait 30 seconds for automatic restart before using this demo.)
72/100 healthA full-stack LMS built with React, TypeScript, Spring Boot, and MongoDB. Features include JWT authentication with role-based access control (Student/Instructor/Admin), comprehensive course management with multi-module content (videos, documents, assignments, quizzes), discussion forums with nested replies, course announcement
80/100 health