Added pnpm bug fix + comments & icons & debugging output.

Author: digitalnomad91

.github/workflows/nextjs-static-gh-pages.yml

@@ -1,96 +1,106 @@
-name: Deploy Next.js site to Pages
+name: 🐙 Deploy Next.js to GitHub Pages
 
 on:
-  # Runs on pushes targeting the default branch
   push:
     branches: ['main']
-
-  # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
   contents: read
   pages: write
   id-token: write
 
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
 concurrency:
   group: 'pages'
   cancel-in-progress: false
 
 jobs:
-  # Build job
   build:
+    name: 🛠️ Build Next.js
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
+      # Checkout code
+      - name: 🔍 Checkout repository
         uses: actions/checkout@v4
 
-      - name: Detect package manager
-        id: detect-package-manager
+      # Detect package manager
+      - name: 🔎 Detect package manager
+        id: detect-pm
         run: |
-          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
-            echo "manager=yarn" >> $GITHUB_OUTPUT
-            echo "command=install" >> $GITHUB_OUTPUT
-            echo "runner=yarn" >> $GITHUB_OUTPUT
-          elif [ -f "${{ github.workspace }}/pnpm-lock.yaml" ]; then
+          echo "🔍 Scanning for package manager..."
+          if [ -f "pnpm-lock.yaml" ]; then
+            echo "✅ Found pnpm lockfile"
             echo "manager=pnpm" >> $GITHUB_OUTPUT
             echo "command=install" >> $GITHUB_OUTPUT
             echo "runner=pnpm exec" >> $GITHUB_OUTPUT
-          elif [ -f "${{ github.workspace }}/package.json" ]; then
+          elif [ -f "yarn.lock" ]; then
+            echo "✅ Found yarn lockfile"
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+          elif [ -f "package.json" ]; then
+            echo "ℹ️ Using npm as fallback"
             echo "manager=npm" >> $GITHUB_OUTPUT
             echo "command=ci" >> $GITHUB_OUTPUT
             echo "runner=npx --no-install" >> $GITHUB_OUTPUT
           else
-            echo "Unable to determine package manager"
+            echo "❌ No package manager detected!"
             exit 1
           fi
 
-      - name: Setup Node
+      # Setup Node.js with automatic package manager installation
+      - name: ⚙️ Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: '20'
-          cache: ${{ steps.detect-package-manager.outputs.manager }}
+          cache: ${{ steps.detect-pm.outputs.manager }}
+          package-manager: ${{ steps.detect-pm.outputs.manager }}
+
+      # Debugging step to verify installations
+      - name: 📝 Check versions
+        run: |
+          echo "Node.js $(node -v)"
+          echo "npm $(npm -v)"
+          ${{ steps.detect-pm.outputs.manager }} --version
 
-      - name: Setup Pages
+      # Configure GitHub Pages
+      - name: 🌐 Setup Pages
         uses: actions/configure-pages@v5
         with:
-          # Automatically inject basePath in your Next.js configuration file and disable
-          # server side image optimization.
           static_site_generator: next
 
-      - name: Restore cache
+      # Cache management
+      - name: 📦 Restore cache
         uses: actions/cache@v4
         with:
           path: |
             .next/cache
-          # Generate a new cache whenever packages or source files change.
           key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock', '**/pnpm-lock.yaml') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
-          # If source files changed but packages didn't, rebuild from a prior cache.
           restore-keys: |
             ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock', '**/pnpm-lock.yaml') }}-
 
-      - name: Install dependencies
-        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      # Install dependencies
+      - name: 📥 Install dependencies
+        run: ${{ steps.detect-pm.outputs.manager }} ${{ steps.detect-pm.outputs.command }}
 
-      - name: Build with Next.js
-        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      # Build project
+      - name: 👷 Build with Next.js
+        run: ${{ steps.detect-pm.outputs.runner }} next build
 
-      - name: Upload artifact
+      # Upload artifact
+      - name: 📤 Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
           path: ./out
 
-  # Deployment job
   deploy:
+    name: 🚀 Deploy to GitHub Pages
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
     needs: build
     steps:
-      - name: Deploy to GitHub Pages
+      - name: 🌍 Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4