Fix storybook github pages publishing

.github/workflows/ci.yml

@@ -167,25 +167,8 @@ jobs:
       - name: Install dependencies
         run: yarn install
 
-      - name: Copy static assets
-        run: |
-          mkdir -p  frontends/mit-open/build/static;
-          cp -R frontends/mit-open/public/ frontends/mit-open/build/static;
-
-      - run: PUBLIC_URL=/mit-open yarn build-github-pages
-        working-directory: frontends
-
-      - run: PUBLIC_URL=/mit-open yarn build-storybook --output-dir ../github-pages/build/storybook
-        working-directory: frontends
-
-      - name: Setup Pages
-        uses: actions/configure-pages@983d7736d9b0ae728b81ab479565c72886d7745b # v5
-
-      - name: Upload artifact
-        uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 # v4
-        with:
-          name: pages-site
-          path: frontends/github-pages/build
+      - name: Build Storybook
+        run: yarn workspace mit-open build-storybook
 
   openapi-generated-client-check-v0:
     # This job checks that the output of openapi-generator-typescript-axios that

.github/workflows/publish-pages.yml

@@ -0,0 +1,48 @@
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: [$default-branch]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@0ad4b8fadaa221de15dcec353f45205ec38ea70b # v4
+
+      - uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4
+        with:
+          node-version: "^20"
+          cache: yarn
+          cache-dependency-path: yarn.lock
+
+      - name: Install dependencies
+        run: yarn install
+
+      - name: Build Storybook
+        run: yarn workspace mit-open build-storybook
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./frontends/mit-open/storybook-static
+
+  deploy:
+    needs: build
+
+    permissions:
+      pages: write # to deploy to Pages
+      id-token: write # to verify the deployment originates from an appropriate source
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -247,6 +247,6 @@ $("#add-to-user-list-button").on("click", async (event) => {
 
 This is just an example, and you could input any `readable_id` to bring up a dialog to add any given `LearningResource` object to a `UserList`.
 
-## GitHub Pages
+## GitHub Pages Storybook
 
-A static site for this repo with developer resources publishes to https://mitodl.github.io/mit-open/ during CI runs.
+Demos and documentation of reusable UI components in this repo are published as a [storybook](https://storybook.js.org/) at https://mitodl.github.io/mit-open/.