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

Overview

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/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:
# build image
pnpm run docker:build

# start
pnpm run docker:up

License

MIT License

Copyright (c) 2022 Yuga Sun

You might also like...
Starter template for Tauri, bundling the frontend made with React using Deno with esbuild.

Starter template for Tauri, bundling the frontend made with React using Deno with esbuild.

A Vite + React starter template.
A Vite + React starter template.

Vite Template React A Vite + React starter template. Folder Structure No configuration or complicated folder structures, just the files you need to bu

โšก๏ธ React based NodeGui Vite Starter Template
โšก๏ธ React based NodeGui Vite Starter Template

react-nodegui-vite-starter A React NodeGui starter template โšก๏ธ powered by Vite rather than webpack Use the Template GitHub Template Create a repo with

Vite React Starter Template

Documentation Features pnpm Vite React ESBuild Windi CSS - on-demand CSS utilities DaisyUI axios TypeScript File based routing PWA ๐Ÿ˜ƒ Use icons from a

๐Ÿš€ Vite React Starter Template

React View Boilerplate Features Vite with React, TypeScript. Getting started Clone the repo git clone -o seed -b main --single-branch https://github.c

An embedded Shopify app starter template made with Node, Express, React and Vite, with all the required stuff hooked up.
An embedded Shopify app starter template made with Node, Express, React and Vite, with all the required stuff hooked up.

Shopify Node.js x Express.js x React.js Boilerplate An embedded app starter template to get up and ready with Shopify app development with JavaScript.

โšก๏ธ WebExtension Vite Starter Template with Preact

Preact Webext A Vite powered WebExtension (Chrome, FireFox, etc.) starter template with Preact. Credits This boilerplate is a shameless fork of antfu/

Reference mono repo that contains React based micro frontends using webpack's module federation feature

Micro Frontends with Webpack's Module Federation This repo contains a React based demo bank application which is built using micro frontend architectu

Smart-vscode - React micro-frontends component that loads vue

English | ็ฎ€ไฝ“ไธญๆ–‡ React micro-frontends component that loads vue โ€ƒโ€ƒThis is a single

Comments
Owner
Yuga Sun
Programming. Full-Stack JS, Node.js, Vue, React, TypeScript, Java, Web3.0.
Yuga Sun
Vite-react-template: A starter for React with Typescript with the fast Vite

vite-react-template vite + react + router + ts A starter for React with Typescript with the fast Vite directory src assets components layout pages ins

์„ค์•„์•„๋น  1 Mar 22, 2022
A CLI tool for quickly creating my own Vue3 template and React18-template

vgt Description A CLI tool for quickly creating my own Vue3 template and React18-template. ?? I build it just for fun, it is still in progress. ?? And

Cupid Valentine 4 Nov 12, 2022
Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla

Vite Electron Builder Boilerplate Vite+Electron = ?? This is a template for secure electron applications. Written following the latest safety requirem

Alex Kozack 1.5k Dec 1, 2022
Demo of a micro frontend application with mixed React and SolidJS frameworks using Astro.

Micro Frontends with Astro This is a demo of a SolidJS and React mixed micro-frontend application using Astro as the base MPA framework. You can view

Enoch 5 Sep 5, 2022
Speed up the your micro-frontend development. Configure less and delivery more.

React Micro Speed up the your micro-frontend development. Configure less and delivery more. You don't need to waste more time trying to change your ap

Nevinha 7 Nov 7, 2022
๐ŸฅฏPapanasi is the Frontend UI library to use cross Frameworks. A set of components to use in Angular, React, Solid, Svelte, Vue and Web Components

?? Papanasi is a UI library to use cross Frameworks. A set of components to use in Angular, React, Solid, Svelte, Vue and Web Components. Is based on the Mitosis library and documented using Storybook.

Quique Fdez Guerra 314 Nov 25, 2022
Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

Mocking up web app with Vital(speed) Live Demo Features โšก๏ธ React 17 ?? TypeScript, of course ?? Jest - unitary testing made easy ?? Tailwind with JIT

Josep Vidal 137 Nov 29, 2022
A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router

A bare-bones vite + react + typescript starter template with eslint + prettier, vitest + @testing-library and react-router

Coding Garden 59 Dec 3, 2022
Vite-solid-electron - A simple Vite, SolidJS, Electron integration template

vite-solid-electron Overview Very simple Vite, SolidJS, Electron integration tem

Christian Hansen 21 Nov 27, 2022
Starter template using React on a website's frontend - without Node

React Frontend Quickstart โš›๏ธ ?? Starter template using React on a website's frontend - without Node Preview Documentation License Released under MIT b

Michael Currin 3 Nov 22, 2021