Package Exports
- mernboot
- mernboot/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (mernboot) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
MERNBoot 🚀
🎯 Generate production-ready MERN stack applications in minutes. Automated MongoDB Atlas setup, pre-configured Express backend, and modern React frontend with Tailwind CSS - all with one command! ✨
🚀 Quick Start
New Project
# Create a new MERN project (No installation needed)
npx mernbootExisting Project
# If you already have a package.json
npm install mernboot
npm run mernbootGlobal Installation
# Optional: Install globally to use anywhere
npm install -g mernboot
mernboot✨ Features
1. MongoDB Atlas Integration
- 🔄 Automated cluster creation
- 🔑 Secure authentication setup
- 📊 Database configuration
- 🔌 Connection string management
2. Express Backend
- 📁 MVC architecture
- 🛣️ Pre-configured routes
- 🔒 Middleware setup
- 🎯 Best practices structure
3. React Frontend
- ⚡ Vite for blazing fast development
- 🎨 Tailwind CSS pre-configured
- 📱 Responsive layouts
- 🎯 Modern development setup
4. Development Tools
- 🔄 Hot reloading
- 📝 Environment variables
- 🛠️ Concurrent development servers
- 📦 Dependency management
📋 Project Structure
my-app/
├── client/ # React Frontend
│ ├── public/
│ ├── src/
│ │ ├── components/
│ │ └── App.jsx
│ └── package.json
│
| # Express Backend
│── controllers/
│── models/
│── routes/
│── middleware/
│── server.js
│
├── .env # Environment Variables
└── package.json🛠️ Step-by-Step Guide
1. Create Your Project
npx mernboot2. MongoDB Setup
# Choose MongoDB Atlas Setup from the menu
# Follow the interactive prompts for:
# - Project creation
# - Cluster setup
# - Database user configuration3. Start Development
# Start both frontend and backend
npm run dev:all
# Or start them separately
npm run dev:server # Backend only
npm run dev:client # Frontend only💻 Commands
| Command | Description |
|---|---|
npm run dev:all |
Start both frontend and backend |
npm run dev:server |
Start backend only |
npm run dev:client |
Start frontend only |
npm run build |
Build frontend |
npm start |
Start production server |
⚙️ Configuration
Environment Variables
PORT=5000
MONGODB_URI=your_mongodb_uri
NODE_ENV=developmentAvailable Options
- MongoDB Atlas configuration
- Custom port settings
- Development/Production modes
- CORS settings
📚 Requirements
- Node.js 14.0 or later
- npm 6.0 or later
- MongoDB Atlas account (free tier works great!)
🤝 Contributing
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
📝 License
This project is licensed under the MIT License - see the LICENSE file for details.
Acknowledgments
- MongoDB Atlas for database hosting
- Express.js for backend framework
- React for frontend library
- Node.js for runtime environment
- Tailwind CSS for styling
📮 Support
Having trouble? Open an issue or reach out to us: