Merge branch 'dev'

# Conflicts:
#	.github/workflows/build_deploy_master.yml
#	package-lock.json
#	src/components/Hero.tsx
#	src/components/How.tsx
#	src/components/Navbar.tsx
#	src/config.json

.github/workflows/build_deploy_master.yml

@@ -2,30 +2,26 @@ name: Build & Deploy to Pages
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
-
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
 
     steps:
       - name: Checkout 🛒
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
-      - name: Install and Build
-        run: |
-          npm ci
-          npm run prerender
+      - name: Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧
+        uses: ./.github/workflows/setup-node
 
-      - name: Deploy to gh-pages branch
-        uses: JamesIves/github-pages-deploy-action@v4.4.3
+      - name: Setup Pages ⚙️
+        uses: actions/configure-pages@v4
         with:
-          branch: gh-pages
-          folder: build
+          static_site_generator: next
 
       # - name: Push to Web3.storage
       #   uses: web3-storage/add-to-web3@v2
@@ -36,3 +32,15 @@ jobs:
 
       # - run: echo ${{ steps.web3.outputs.cid }}
       # - run: echo ${{ steps.web3.outputs.url }}
+
+      - name: Build with Next.js 🏗️
+        run: npx next build
+
+      - name: Upload artifact 📡
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: out
+
+      - name: Publish to GitHub Pages 🚀
+        uses: actions/deploy-pages@v4
+

.github/workflows/build_dev.yml

@@ -2,14 +2,13 @@ name: Build Dev
 
 on:
   push:
-    branches: [ dev ]
+    branches: [dev]
   pull_request:
-    branches: [ dev ]
+    branches: [dev]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
-
 jobs:
   build-and-deploy-dev:
     permissions:
@@ -20,15 +19,16 @@ jobs:
 
     steps:
       - name: Checkout 🛒
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
-      - name: Install and Build
-        run: |
-          npm ci
-          npm run prerender
+      - name: Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧
+        uses: ./.github/workflows/setup-node
 
-      - name: Deploy to gh-pages-dev branch
-        uses: JamesIves/github-pages-deploy-action@v4.4.3
+      - name: Setup Pages ⚙️
+        uses: actions/configure-pages@v4
         with:
-          branch: gh-pages-dev
-          folder: build
+          static_site_generator: next
+
+      - name: Build with Next.js 🏗️
+        run: npx next build
+

.github/workflows/setup-node/action.yml

@@ -0,0 +1,21 @@
+name: setup-node
+description: "Setup Node.js ⚙️ - Cache dependencies ⚡ - Install dependencies 🔧"
+runs:
+  using: "composite"
+  steps:
+    - name: Setup Node.js ⚙️
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+
+    - name: Cache dependencies ⚡
+      id: cache_dependencies
+      uses: actions/cache@v3
+      with:
+        path: node_modules
+        key: node-modules-${{ hashFiles('package-lock.json') }}
+
+    - name: Install dependencies 🔧
+      shell: bash
+      if: steps.cache_dependencies.outputs.cache-hit != 'true'
+      run: npm ci