# 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

First, we need to build the remote first. Check (this)[https://github.com/originjs/vite-plugin-federation/issues/525] for why.

```
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
```

## Notes

- It's recommended to split the repository for Host and Remote, and deploy separately
- If you want to go with monorepo approach, make sure to setup a monorepo package manager (Pnpm workspace, Nx, etc.)
- This repo is still evolving, and might not be production-ready yet
- No SSR support (no plan for this)

## TODO

- Pinia integration
- 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/