Skip to content

Micro frontend template for starter using qiankun + Vite + TypeScript + Vue3 + React.js + Svelte ๐Ÿš€

License

Notifications You must be signed in to change notification settings

yugasun/micro-frontend-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

18 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Micro Frontend Starter

Qiankun Vite TypeScript Vue3 React Svelte Build

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
  1. Install dependencies:
pnpm i
  1. 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
  1. Start by docker:
# start
pnpm run docker:up

License

MIT License

Copyright (c) 2022 Yuga Sun

About

Micro frontend template for starter using qiankun + Vite + TypeScript + Vue3 + React.js + Svelte ๐Ÿš€

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published