Deploy to Github Pages

.github/workflows/deploy.yml

@@ -0,0 +1,35 @@
+name: Deploy Frontend to Github Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Install Frontend dependencies
+        run: |
+          cd frontend
+          npm install
+
+      - name: Build Frontend Next.js website
+        run: |
+          cd frontend
+          npm run build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./frontend/out

frontend/.gitignore

@@ -9,6 +9,7 @@
 # next.js
 /.next
 /build
+/out
 
 # secrets
 .env

frontend/next.config.js

@@ -6,4 +6,5 @@
 module.exports = {
   reactStrictMode: true,
   swcMinify: true,
+  output: "export",
 };

frontend/package.json

@@ -7,7 +7,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev -p 4001",
-    "build": "next build",
+    "build": "next build && next export",
     "start": "next start",
     "lint": "next lint",
     "compile-contract-types": "typechain --target ethers-v5 --out-dir contracts/types './contracts/*.json'",