Merge pull request #10 from acmucsd/try-preview-deploys

Try preview deploys on PR

Author: alexzhang1618

.github/workflows/gh-pages-preview.yml

@@ -0,0 +1,31 @@
+# .github/workflows/preview.yml
+name: Deploy PR previews
+
+on:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+      - closed
+
+concurrency: preview-${{ github.ref }}
+
+jobs:
+  deploy-preview:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install and Build
+        if: github.event.action != 'closed' # You might want to skip the build if the PR has been closed
+        run: |
+          npm install
+          npm run build-storybook
+
+      - name: Deploy preview
+        uses: rossjrw/pr-preview-action@v1
+        with:
+          source-dir: ./storybook-static/
+          preview-branch: gh-pages

.github/workflows/gh-pages.yml

@@ -23,7 +23,7 @@ concurrency:
 
 jobs:
   # Build job
-  build:
+  deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -34,19 +34,9 @@ jobs:
         run: |
           npm install
           npm run build-storybook
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
+      - uses: JamesIves/github-pages-deploy-action@v4
         with:
-          path: storybook-static/
-
-  # Deployment job
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+          folder: ./storybook-static/
+          branch: gh-pages
+          clean-exclude: pr-preview
+          force: false

.gitignore

@@ -2,4 +2,5 @@ node_modules
 .cache
 .next
 storybook-static
-dist
+dist
+package-lock.json