{"id":29082265,"url":"https://github.com/zhanghongen/micro-spa-lite","last_synced_at":"2025-06-27T20:05:59.822Z","repository":{"id":299816464,"uuid":"1004284905","full_name":"zhangHongEn/micro-spa-lite","owner":"zhangHongEn","description":"Ultra‑lightweight micro‑frontend boilerplate (~50 LOC) with single‑spa, Module Federation \u0026 Chrome extension support","archived":false,"fork":false,"pushed_at":"2025-06-19T08:53:22.000Z","size":1360,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-26T18:07:04.345Z","etag":null,"topics":["boilerplate","chrome-extension","micro-frontend","micro-spa","module-federation","single-spa"],"latest_commit_sha":null,"homepage":"https://zhanghongen.github.io/micro-spa-lite/vite-vue-app/home/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhangHongEn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-18T11:49:20.000Z","updated_at":"2025-06-24T15:25:10.000Z","dependencies_parsed_at":"2025-06-18T13:25:58.971Z","dependency_job_id":"3385055e-05d2-4130-a2be-b22dccb7c3ab","html_url":"https://github.com/zhangHongEn/micro-spa-lite","commit_stats":null,"previous_names":["zhanghongen/micro-spa-lite"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zhangHongEn/micro-spa-lite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangHongEn%2Fmicro-spa-lite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangHongEn%2Fmicro-spa-lite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangHongEn%2Fmicro-spa-lite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangHongEn%2Fmicro-spa-lite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhangHongEn","download_url":"https://codeload.github.com/zhangHongEn/micro-spa-lite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangHongEn%2Fmicro-spa-lite/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262324935,"owners_count":23293751,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","chrome-extension","micro-frontend","micro-spa","module-federation","single-spa"],"created_at":"2025-06-27T20:05:56.171Z","updated_at":"2025-06-27T20:05:59.760Z","avatar_url":"https://github.com/zhangHongEn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Micro‑SPA‑Lite 🚀\n\nUltra‑lightweight micro‑frontend boilerplate (~50 LOC) with single‑spa, Module Federation \u0026 Chrome extension support\n\nStart building blazing‑fast micro‑frontends in minutes – no boilerplate bloat, full performance toolkit.\n\n---\n\n## 🌐 Online Demo Experience\n\n🔗 **Host Demo**: Click here to see the live demo -\u003e [Live Demo](https://zhanghongen.github.io/micro-spa-lite/vite-vue-app/home/) \n\n![](./docs/img/performance.png)\n![](./docs/img/develop.gif)\n\n\n## 🚀 Features\n\n-\t**Minimal Design**: Core logic written in fewer than 50 lines of JavaScript, enabling micro-frontend app loading, mounting, and unmounting ([mfe-main](https://github.com/zhangHongEn/micro-spa-lite/tree/main/mfe-main/src/preloadPlugin.js))\n-\t**Lightweight Dependencies**: No additional runtime frameworks; relies only on single-spa and Module Federation\n-\t**High-Performance Loading**: Uses manifest + runtimePlugins to enable parallel loading of main and sub-apps on first screen, eliminating waterfall loading\n-\t**Flexible Development Mode**: Supports local development of any sub-app via Chrome extension proxy without modifying the main app\n\n---\n\n## 🧩 Single Module Development Guide\n\nIf you only want to start a single sub-module for development and debugging, you can follow these steps:\n1. git clone https://github.com/zhangHongEn/micro-spa-lite.git\n2. `pnpm install \u0026\u0026 pnpm run dev`\n3. open chrome plugin `module-federation`\n4. vite-vue-app proxy to `http://localhost:5001/mf-manifest.json`\n5. rspack-react-app proxy to `http://localhost:5002/mf-manifest.json`\n\n---\n\n## Add a New Application\nmfe.json\n```json\n{\n  \"apps\": [\n    {\n      \"appCode\": \"vite-vue-app\",\n      \"routes\": [\"/micro-spa-lite/new-app\"],\n      \"entry\": \"entry\": \"http://localhost:5003/mf-manifest.json\"\n    }\n  ]\n}","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhanghongen%2Fmicro-spa-lite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhanghongen%2Fmicro-spa-lite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhanghongen%2Fmicro-spa-lite/lists"}