Micro Frontend Starter

Feature

• [x] Micro Framework using qiankun 🔥
• [x] Monorepo using pnpm 🔥
• [x] Develop & build using vite 🔥
• [x] Support Vue.js, React.js, Svelte.js frameworks
• [x] Auto develop and build commands.
• [x] Support docker deployment.

Architecture

Application list:

• packages/plugin: Plugin for vite to use qiankun
• packages/main: The main application using Vue.js
• packages/subapp1: The child application using Vue.js
• packages/subapp1_1: The child application using Vue.js
• packages/subapp2: The child application using React.js
• packages/subapp3: The child application using Svelte.js

Usage

1. Clone project:

git clone https://github.com/yugasun/micro-frontend-starter.git

2. Install dependencies:

pnpm i

3. Start develop:

pnpm run dev

Now you can access by http://localhost:8000.

Develop for single application:

pnpm run dev --app main

1. Build:

pnpm run build

# or build for single application
pnpm run build --app main

5. Start by docker:

# start
pnpm run docker:up

License

MIT License

Copyright (c) 2022 Yuga Sun