Create New MFE

A CLI for scaffolding new Unifyed microfrontends with React, JavaScript, and Tailwind CSS.

🚀 Installation

npm install -g cli-create-new-remote-microfrontend

Usage

create-new-mfe

Just enter your project name and you're done! The CLI will:

1. Clone the template from the dev branch
2. Replace __APP_NAME__ and __PORT__ placeholders
3. Install npm dependencies
4. Initialize a fresh Git repository

Example

$ create-new-mfe

🚀 Create New MFE - Unifyed Microfrontend Generator

? Project name (e.g., my-awesome-mfe): my-new-app

┌─────────────────────────────────────────┐
│  Project Configuration                  │
├─────────────────────────────────────────┤
│  Name:       my-new-app                 │
│  Language:   JavaScript                 │
│  CSS:        Tailwind CSS               │
│  Framework:  React 19                   │
│  Port:       3005                       │
│  Branch:     dev                        │
└─────────────────────────────────────────┘

✔ Template downloaded successfully!
✔ Project files customized.
✔ Dependencies installed.
✔ Git repository initialized.

✅ Project created successfully!

┌─────────────────────────────────────────┐
│  Your MFE is ready!                     │
├─────────────────────────────────────────┤
│  Tech Stack:                            │
│    • React 19 (JavaScript)              │
│    • Vite + Module Federation           │
│    • Tailwind CSS (prefixed)            │
│    • Dev server: http://localhost:3005  │
└─────────────────────────────────────────┘

📂 Next steps:

   cd my-new-app
   npm run dev

📚 See README.md for setup checklist and documentation.

✅ Prerequisites

• Node.js: Version 18.x or higher
• npm: Version 9.x or higher
• Git: Required for cloning
• SSH Access to GitLab: Test with ssh -T [email protected]

🔧 Template Placeholders

If contributing to the template repository, use these placeholders:

| Placeholder | Replaced With | |-------------|---------------| | __APP_NAME__ | Project name | | __PORT__ | 3005 |

📄 License

MIT License