If you find this code useful, don't forget to ⭐ star the repo ⭐
Welcome to the Create MERN App ecosystem! Whether you want to quickly start a new React project, find a handy Node.js snippet, or prepare for a system design interview, you are in the right place.
This repository is more than just a CLI tool—it's a massive, open-source library of pre-configured code templates and a deep-dive knowledge base.
To help you get the most out of this repository, we've broken down our documentation into simple, easy-to-read guides:
-
🏗️ Project Architecture Curious how the CLI fetches templates? Want to know where files are stored? Start here for a plain-English breakdown of how the repository works under the hood.
-
🤖 AI-Assisted Workflow We built this repo to work perfectly with AI tools like Cursor, GitHub Copilot, and Claude. Read this guide to learn the exact prompts to use to make the AI build templates for you.
-
📏 Standards & Conventions Learn how we use Prettier, ESLint, and Conventional Commits to keep our code clean and professional. A must-read before you submit code!
-
🤝 How to Contribute Ready to add your own boilerplate or fix a bug? This step-by-step tutorial will walk you through cloning the repo, adding your code, and opening your first Pull Request.
Starting a new project is incredibly easy. You don't need to manually download or clone anything. Just use the npx command in your terminal.
Make sure you have Node.js installed.
| Node Version | Supported |
|---|---|
| Node >= 18 | ✅ Yes |
| Node < 18 | ❌ No |
1. Create a Full Application (like Next.js or React Native)
npx create-mernjs-app my-awesome-app(The CLI will give you an interactive menu to choose your tech stack!)
2. Create an NPM Package Library
npx create-mernjs-app my-custom-library --template library3. Download a Pre-Built NPM Package
npx create-mernjs-app my-package-setup --template packages4. Grab a Code Snippet (e.g., JWT Authentication logic)
npx create-mernjs-app my-auth-snippet --template snippetsPrefer manual downloads? No problem. You can browse the tables below and click the Download badges to get the raw '.zip' files instantly.
App boilerplates provide ready-to-use templates for building applications, simplifying the setup process and ensuring a consistent structure across projects.
Library boilerplates offer pre-configured templates for creating npm packages, enabling efficient and standardized development of reusable code libraries.
Explore npm packages that simplify your development workflow. These packages offer efficient solutions for various technologies and are easy to install and integrate, enhancing productivity and code quality.
| # | Name | Download |
|---|---|---|
| 1 | Create Mernjs App | |
| 2 | Node Google Sheet | |
| 3 | Oauth Service | |
| 4 | React Svg Icons Loader | |
| 5 | Xml To Json Chunk Processor | |
| 6 | Xml To Mongodb Importer |
Explore a collection of reusable code snippets to quickly implement common features and functionalities in your projects.
A centralized knowledge repository for learning, interview preparation, architecture design, and continuous professional growth across various tech stacks. Optimized for both human developers and AI coding agents.
| # | Name | View |
|---|---|---|
| 1 | Aiml | |
| 2 | Devops | |
| 3 | Genai | |
| 4 | General | |
| 5 | Mern | |
| 6 | Mobile | |
| 7 | Nocode | |
| 8 | Qa | |
| 9 | Ta |
Additional templates, boilerplates, and miscellaneous resources for varied project needs.
| # | Name | Download |
|---|---|---|
| 1 | Django Curd App | |
| 2 | Fast App 1 Crud | |
| 3 | Fast App 2 Sqlalchemy | |
| 4 | Fast App 3 Crud | |
| 5 | Fast App 4 Crud | |
| 6 | Fast App 5 Mvc | |
| 7 | Fast App 6 Mvc | |
| 8 | Flask App 0 Basic | |
| 9 | Flask App 1 Mongodb | |
| 10 | Flask App 2 Mongoengine | |
| 11 | Flask App 3 Jwt | |
| 12 | Flask App 4 Csrf | |
| 13 | Flask App 4.1 Csrf | |
| 14 | Swift Camera App | |
| 15 | Swift Camera App2 | |
| 16 | Swift Chat With Gemini | |
| 17 | Swift Firebase Auth App |
Effortlessly build secure and scalable applications with automated setup, industry-standard coding practices, and proactive security measures.
- Effortless Initialization - Start your project quickly using a simple command-line interface.
- Secure Coding Practices - Follow industry standards to write strong, resilient code.
- Well-Defined Folder Structure - Organized project layout for easy maintenance.
- AI-Ready Documentation - Explicit documentation meant for both human devs and AI coding agents.
- ESLint & Prettier - Auto-formatting & linting for cleaner code.
- Modern Tooling - Deep integration with Tailwind CSS, Next.js, Fastify, and more.
- Security Controls - Rate Limiting, CORS, Data Encryption implemented by default in templates.
For queries, suggestions, or security concerns, please reach out via GitHub Discussions.
© 2023 Create MERN App | By: Vijay Pratap Singh