Skip to content

feat: add Angular Vite Module Federation example#181

Merged
Nsttt merged 3 commits intomainfrom
feat/angular-vite-module-federation
May 4, 2026
Merged

feat: add Angular Vite Module Federation example#181
Nsttt merged 3 commits intomainfrom
feat/angular-vite-module-federation

Conversation

@Nsttt
Copy link
Copy Markdown
Member

@Nsttt Nsttt commented May 4, 2026

Summary

  • Add module-federation/angular-vite with Angular 21 host and remote apps on Vite 8.
  • Use @module-federation/vite for local dev and vite-plugin-zephyr for production deploy builds.
  • Register the example in templates.json and the root README.

Validation

  • pnpm build (module-federation/angular-vite)
  • pnpm --filter @zephyr-examples/scripts validate-readmes

Notes

  • Public repository: no ClickUp link included.
  • Angular CLI uses Vite as an encapsulated dev server; this example intentionally uses the AnalogJS Vite plugin for direct Vite plugin access required by Module Federation.

@Nsttt Nsttt self-assigned this May 4, 2026
@Nsttt Nsttt marked this pull request as ready for review May 4, 2026 12:55
@Nsttt Nsttt enabled auto-merge (squash) May 4, 2026 12:55
@Nsttt Nsttt disabled auto-merge May 4, 2026 12:55
zackarychapple
zackarychapple previously approved these changes May 4, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 4, 2026

🚀 Preview Environment Ready!

41 deployed applications (click to expand)
Name Status URL
vite-ember ✅ Active https://rodrigo-yokota-37413-vite-ember-zephyr-examples-z-67785be... ↗
airbnb-reservations ✅ Active https://rodrigo-yokota-37394-airbnb-reservations-zephyr-e-e53975d... ↗
nitro-hono ✅ Active https://rodrigo-yokota-37421-nitro-hono-zephyr-examples-z-321de5e... ↗
vite-solid ✅ Active https://rodrigo-yokota-37416-vite-solid-zephyr-examples-z-ccdf69c... ↗
vite-webpack ✅ Active https://rodrigo-yokota-37401-vite-webpack-zephyr-examples-f8d554b... ↗
tanstack-start ✅ Active https://rodrigo-yokota-37418-tanstack-start-zephyr-exampl-f69bcca... ↗
tractor-v2-explore ✅ Active https://rodrigo-yokota-37407-tractor-v2-explore-zephyr-ex-c41f198... ↗
vite-rspack ✅ Active https://rodrigo-yokota-37402-vite-rspack-zephyr-examples--1e46eb6... ↗
default-webpack-mf-first ✅ Active https://rodrigo-yokota-37405-default-webpack-mf-first-zep-c66f727... ↗
vite-angular ✅ Active https://rodrigo-yokota-37408-vite-angular-zephyr-examples-d44ec80... ↗
tractor-v2-decide ✅ Active https://rodrigo-yokota-37410-tractor-v2-decide-zephyr-exa-c3279ab... ↗
remote1 ✅ Active https://rodrigo-yokota-37422-remote1-zephyr-examples-zeph-496bb44... ↗
rolldown-react ✅ Active https://rodrigo-yokota-37387-rolldown-react-zephyr-exampl-1b55017... ↗
airbnb-trips ✅ Active https://rodrigo-yokota-37391-airbnb-trips-zephyr-examples-ed65689... ↗
rspack-react ✅ Active https://rodrigo-yokota-37384-rspack-react-zephyr-examples-708ab82... ↗
vite-host ✅ Active https://rodrigo-yokota-37406-vite-host-zephyr-examples-ze-af66c08... ↗
vite-react ✅ Active https://rodrigo-yokota-37386-vite-react-zephyr-examples-z-900fb4b... ↗
tsdown-react-components ✅ Active https://rodrigo-yokota-37389-tsdown-react-components-zeph-1a86f48... ↗
nitro-elysia ✅ Active https://rodrigo-yokota-37419-nitro-elysia-zephyr-examples-e8ad7ba... ↗
mf-react-rsbuild-provider ✅ Active https://rodrigo-yokota-37399-mf-react-rsbuild-provider-ze-0f7b997... ↗
nitro-hello-world ✅ Active https://rodrigo-yokota-37420-nitro-hello-world-zephyr-exa-340231a... ↗
tractor-v2-checkout ✅ Active https://rodrigo-yokota-37409-tractor-v2-checkout-zephyr-e-a5d6352... ↗
tractor-v2-app ✅ Active https://rodrigo-yokota-37412-tractor-v2-app-zephyr-exampl-a886942... ↗
airbnb-properties ✅ Active https://rodrigo-yokota-37393-airbnb-properties-zephyr-exa-6039ac9... ↗
-mf-nx-rspack-host ✅ Active https://rodrigo-yokota-37424-mf-nx-rspack-host-zephyr-exa-b38d4d3... ↗
airbnb-favorites ✅ Active https://rodrigo-yokota-37395-airbnb-favorites-zephyr-exam-a219017... ↗
rspress ✅ Active https://rodrigo-yokota-37415-rspress-zephyr-examples-zeph-cc02ea9... ↗
modernjs ✅ Active https://rodrigo-yokota-37414-modernjs-zephyr-examples-zep-8ea0f3a... ↗
airbnb-home ✅ Active https://rodrigo-yokota-37390-airbnb-home-zephyr-examples--db24534... ↗
rollup-react-ts ✅ Active https://rodrigo-yokota-37388-rollup-react-ts-zephyr-examp-f3c806e... ↗
remote2 ✅ Active https://rodrigo-yokota-37423-remote2-zephyr-examples-zeph-a2c5f3f... ↗
vite-svelte ✅ Active https://rodrigo-yokota-37417-vite-svelte-zephyr-examples--f44d94c... ↗
vite-remote ✅ Active https://rodrigo-yokota-37404-vite-remote-zephyr-examples--4d87178... ↗
airbnb-categories ✅ Active https://rodrigo-yokota-37392-airbnb-categories-zephyr-exa-93f2862... ↗
zephyr-example-astro ✅ Active https://rodrigo-yokota-37411-zephyr-example-astro-zephyr--a401adf... ↗
mf-react-rsbuild-consumer ✅ Active https://rodrigo-yokota-37400-mf-react-rsbuild-consumer-ze-89a0d72... ↗
parcel-react ✅ Active https://rodrigo-yokota-37385-parcel-react-zephyr-examples-4cfecfe... ↗
airbnb-react-host ✅ Active https://rodrigo-yokota-37398-airbnb-react-host-zephyr-exa-301415f... ↗
angular-host ✅ Active https://rodrigo-yokota-37397-angular-host-zephyr-examples-0cb5797... ↗
angular-remote ✅ Active https://rodrigo-yokota-37396-angular-remote-zephyr-exampl-be7cd55... ↗
default-webpack-mf-second ✅ Active https://rodrigo-yokota-37403-default-webpack-mf-second-ze-525280c... ↗

Details:

  • Latest Commit: a691449
  • Updated at: 5/4/2026, 1:06:06 PM

@Nsttt Nsttt enabled auto-merge (squash) May 4, 2026 13:10
@Nsttt Nsttt merged commit 718d286 into main May 4, 2026
6 checks passed
@Nsttt Nsttt deleted the feat/angular-vite-module-federation branch May 4, 2026 13:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants