yugasun / micro-frontend-starter

Micro frontend template for starter using qiankun + Vite + TypeScript + Vue3 + React.js + Svelte 🚀

Micro Frontend Starter

Feature

• Micro Framework using qiankun 🔥
• Monorepo using pnpm 🔥
• Develop & build using vite 🔥
• Support Vue.js, React.js, Svelte.js frameworks
• Auto develop and build commands.
• 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