Getting started

Create Micro Create App (CMRA) was created aiming to easy how we build microfrontend architecture.

Want to know more about microfrontends? Check this page.

Quick Start

npx @cmra/cli create my-app --app --microfrontend

cd my-app

npm start

Then open http://localhost:3000/ to see your app.

With this simple commands you can create your application containing one simple webapp connected with a microfrontend.

Folder structure

my-app

├── package.json

├── packages

| ├── microfrontend # create-react-app structure folder

| | ├── README.md

| | ├── package.json

| | ├── public

| | | ├── favicon.ico

| | | ├── index.html

| | | ├── logo192.png

| | | ├── logo512.png

| | | ├── manifest.json

| | | └── robots.txt

| | ├── src

| | | ├── App.css

| | | ├── App.js

| | | ├── App.test.js

| | | ├── index.css

| | | ├── index.js

| | | ├── logo.svg

| | | ├── serviceWorker.js

| | | └── setupTests.js

| | └── yarn.lock

| └── webapp # create-react-app structure folder

| ├── README.md

| ├── package.json

| ├── public

| | ├── favicon.ico

| | ├── index.html

| | ├── logo192.png

| | ├── logo512.png

| | ├── manifest.json

| | ├── microfrontends

| | | └── meta.json

| | └── robots.txt

| ├── src

| | ├── App.css

| | ├── App.js

| | ├── App.test.js

| | ├── index.css

| | ├── index.js

| | ├── logo.svg

| | ├── serviceWorker.js

| | └── setupTests.js

| └── yarn.lock

└── yarn.lock