vite-nuxt-mfe

Vite-based Nuxt 3 starter with Micro-frontend enabled.

Demo

• Demo Web: https://demo-ab-nuxt-mfe-host.netlify.app/
• Repo Host: https://github.com/antonybudianto/demo-nuxt-mfe1
• Repo Remote: https://github.com/antonybudianto/demo-nuxt-mfe-rmt1

Initial setup

cd host
cp .env.example .env

Development

cd remote
pnpm i
pnpm build
pnpm serve

cd host
pnpm i
pnpm dev

Open http://localhost:3000

Deployment

cd remote
pnpm i
pnpm build
pnpm serve

cd host
pnpm i
pnpm build
pnpm serve

TODO

• Build-mode works but Dev-mode not works (fixed)
• Enable CORS on remote JS assets (fixed)
• Scoped style still not works (fixed)

Links

• https://github.com/originjs/vite-plugin-federation/