add workflow for page deployment

.github/workflows/release.yml

@@ -0,0 +1,30 @@
+name: Deploy to GitHub Pages
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+
+jobs:
+  # https://github.com/sterlingwes/gh-pages-deploy-action
+  github-pages:
+    name: Publish Latest to GitHub Pages
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.sha }}
+
+      - name: Install and Build 🔧
+        run: |
+          npm install
+          npm run build
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: dist
+          token: ${{ secrets.TOKEN }}

host-app/src/App.jsx

@@ -35,7 +35,7 @@ const App = () => {
 
   const loadRemoteFromProps = () => {
     const url =
-      "https://CWSites.github.io/module-federation-remote/remoteEntry.js";
+      "https://raw.githubusercontent.com/CWSites/module-federation-remote/gh-pages/remoteEntry.js";
     const scope = "demo_remote_app";
     const module = "./HelloUniverse";
 

host-app/webpack.config.js

@@ -49,7 +49,7 @@ module.exports = {
       remotes: {
         remote_app: "remote_app@http://localhost:8081/remoteEntry.js",
         demo_remote_app:
-          "demo_remote_app@https://CWSites.github.io/module-federation-remote/remoteEntry.js",
+          "demo_remote_app@https://raw.githubusercontent.com/CWSites/module-federation-remote/gh-pages/remoteEntry.js",
       },
       shared: {
         ...dependencies,