https://github.com/devcyclehq-sandbox/module-federation-poc
This repo has two apps, remote react components app and a host vite app, using module federation with devcycle to test usecases
https://github.com/devcyclehq-sandbox/module-federation-poc
Last synced: about 1 month ago
JSON representation
This repo has two apps, remote react components app and a host vite app, using module federation with devcycle to test usecases
- Host: GitHub
- URL: https://github.com/devcyclehq-sandbox/module-federation-poc
- Owner: DevCycleHQ-Sandbox
- Created: 2024-12-12T08:03:44.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-12T18:37:20.000Z (5 months ago)
- Last Synced: 2025-02-14T06:36:39.821Z (3 months ago)
- Language: JavaScript
- Size: 85.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# module-federation-poc
This is a proof of concept for using module federation to create a host app that can load remote componenets.
To run this project, run `npm run build` in the todo-component and then run `npm run preview` in the todo-components. This will start the todo-component in a local server port 4173.
Run the host app by running `npm run dev` in the host-app. This will start the host app in a local server port 5173.
Navigate to `http://localhost:5173/` in your browser to see the host app.
You will need to make sure to add a .env file in both apps with the `DEVCYCLE_SDK_KEY` variable and change the variable key in the todo-components/src/components/List.tsx file to match the key of a variable created on the devcycle dashboard.