| title | Project Structure |
|---|
/apps— Micro-frontend applications (host, nav, products, etc.)- Each app typically contains:
index.html— App entry HTMLpackage.json— App-specific dependencies and scriptsvite.config.js— Vite configuration (with module federation setup)/public— Static assets for the app/src— Application source codemain.js— App entry pointApp.vue— Root Vue componentstyle.css— Global styles/assets— Images and static assets/components— Vue components/pages— File-based route components (each.vuefile = route)
- Each app typically contains:
/packages— Shared packages (config, ui, etc.)/public— Static assets (per app)/config— Shared configuration files/docs— Documentationpnpm-workspace.yaml— pnpm workspace configurationpackage.json— Root package and scripts
See Architecture for more details.