mern-ready
v1.1.2
Published
One command. Full-stack MERN with Tailwind v4, JWT Auth, Mongoose, Axios — everything wired.
Downloads
1,138
Maintainers
Readme
mern-ready 🚀
One command. Full-stack MERN with Tailwind CSS v4, JWT Auth, Mongoose, Axios — Everything wired. Nothing missing.
📦 What's inside?
mern-ready scaffolds a professional MVC architecture with the latest stack:
Frontend (Client)
- Vite + React 18 (Lightning fast HMR)
- Tailwind CSS v4 (Zero config, pre-installed)
- React Router 6 (Pre-configured routes)
- Axios (Pre-configured with auth interceptors)
- Context API (Ready-to-use Auth State)
Backend (Server)
- Node.js & Express
- MongoDB & Mongoose (Connection & Schema ready)
- JWT Authentication (Login/Register/Protect middleware)
- Security Middleware (Helmet, Rate-limit, CORS, Morgan)
- Error Handling (Global error middleware)
🛠️ Quick Start
npx mern-ready my-app📂 Project Structure
my-app/
├── server/
│ ├── config/db.js # MongoDB Connection
│ ├── controllers/ # Auth Logic
│ ├── middleware/ # Auth & Error Handlers
│ ├── models/ # User Schema
│ ├── routes/ # API Endpoints
│ └── utils/ # Token & Response Helpers
├── client/
│ ├── src/
│ │ ├── api/ # Axios instance & calls
│ │ ├── context/ # AuthContext
│ │ ├── hooks/ # useApi custom hook
│ │ ├── pages/ # Home, Login, Register, Dash
│ │ └── utils/ # Formatting & class helpers
├── .env # Secrets & Config
└── package.json # One script to rule them all🚀 Scripts
From the root directory:
npm run dev— Starts both Frontend (5173) and Backend (5000) usingconcurrently.npm run server— Starts only the Express server withnodemon.npm run client— Starts only the Vite dev server.
📦 Dependencies (Auto-installed)
| Backend | Frontend |
|--- |--- |
| [email protected] | [email protected] |
| [email protected] | [email protected] |
| [email protected] | [email protected] |
| [email protected] | [email protected] |
| [email protected] | @tailwindcss/[email protected] |
Built with ❤️ for developers who hate boilerplate.
Happy Coding!
