🚀 Modern Auth System with Next.js, MongoDB, TypeScript & Mailtrap – Open Source & Deployed!

Aayush Yadav — Wed, 23 Jul 2025 16:21:10 +0000

Hey devs! 👋

I’m thrilled to share my latest project: a full-stack authentication system built with the latest web technologies. If you’re looking for a robust, secure, and beautifully designed auth boilerplate for your next SaaS, side project, or just want to learn modern auth flows—this is for you!

🛠️ Tech Stack
Frontend: Next.js (App Router, React 18)
Backend: Next.js API Routes
Database: MongoDB (with Mongoose)
Language: TypeScript
Email: Mailtrap (for safe email testing)
Styling: Tailwind CSS

✨ Features
User Authentication (Sign Up, Login, Logout)
Email Verification (secure, token-based)
Forgot/Reset Password (with time-limited links)
Protected User Profile
Transactional Emails (Mailtrap integration)
TypeScript for type safety
Modern, Responsive UI (Tailwind CSS)
Security Best Practices (hashed passwords, token expiry, etc.)

🚦 Getting Started
Clone the repo:
git clone https://github.com/aayush130405/nextjs-auth.git
cd nextjs-auth

Install dependencies:
npm install

or

yarn install

Set up environment variables:
Create a .env.local file and add your MongoDB URI, Mailtrap credentials, etc. (see README for details).

Run locally:
npm run dev
Open http://localhost:3000 and try it out!

🌍 Live Demo
The project is deployed on Vercel for instant access:
👉 Live Demo: nextjs-auth-self-two.vercel.app

📚 Well-Documented
Every feature, setup step, and code section is clearly explained in the GitHub README (https://github.com/aayush130405/nextjs-auth). Whether you’re a beginner or a seasoned dev, you’ll find it easy to follow and extend.

🤝 Contribute & Feedback
Star ⭐ the repo if you find it useful!
Fork and submit PRs for improvements or new features.
Open issues for bugs or suggestions.

💡 Why This Project?
Authentication is a core part of almost every app, but it’s easy to get wrong. I wanted to create a reference project that’s:
Secure by default
Easy to understand and extend
Uses the latest Next.js and TypeScript features
Looks great out of the box

🔗 Links
GitHub: https://github.com/aayush130405/nextjs-auth
Live Demo: nextjs-auth-self-two.vercel.app

Thanks for reading!

Would love your feedback, suggestions, and contributions.
Happy coding! 🚀

nextjs #typescript #mongodb #mailtrap #webdev #opensource #authentication #vercel

Simple Node.js Static File Server

Aayush Yadav — Wed, 11 Jun 2025 02:22:32 +0000

In this project, I built a basic static file server using Node.js. The server listens on port 3000 and serves HTML, CSS, JS, and PNG files from the project directory. It uses Node's built-in http, fs, and path modules to handle requests and serve files with the correct MIME types. If a requested file is not found, the server responds with a custom 404 message.

This project is a great starting point for anyone looking to understand how to serve static files with Node.js without any external frameworks. The main purpose of this project is to teach and to demonstrate the capabilities of nodeJS.

Check out the code on GitHub:
https://github.com/aayush130405/Node-static-server.git

Hi Devs...

Aayush Yadav — Sun, 08 Jun 2025 14:58:27 +0000

You will be seeing me more often.... I promise!!!

console.log("Hi devs")

DEV Community: Aayush Yadav

🚀 Modern Auth System with Next.js, MongoDB, TypeScript & Mailtrap – Open Source & Deployed!

or

nextjs #typescript #mongodb #mailtrap #webdev #opensource #authentication #vercel

Simple Node.js Static File Server

Hi Devs...