Switch to CI build workflow: Remove out folder and configure GitHub Action

Author: cklei-carly

.github/workflows/deploy.yml

@@ -17,26 +17,54 @@ concurrency:
   cancel-in-progress: false
 
 jobs:
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
+  build:
+    name: Build
     runs-on: ubuntu-latest
-    permissions:
-      pages: write
-      id-token: write
     steps:
       - name: Checkout
         uses: actions/checkout@v4
 
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
       - name: Setup Pages
         uses: actions/configure-pages@v4
+        # Automatically injects static_site_generator: next
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Fetch Docs
+        env:
+          # Use GITHUB_TOKEN for fetching from public/internal repos if needed
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npm run fetch-docs
+
+      - name: Build with Next.js
+        env:
+          # Ensure next uses production build config
+          NODE_ENV: production
+          # Pass the repository name for base path logic if needed
+          # But next.config.mjs handles it with GITHUB_PAGES logic often
+          # We can explicitly set it here if we want to be sure
+          NEXT_PUBLIC_BASE_PATH: /${{ github.event.repository.name }}
+        run: npm run build
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
           path: ./out
 
+  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

.gitignore

@@ -36,5 +36,4 @@ yarn-error.log*
 next-env.d.ts
 /.vscode/
 
-# static export
-/out/
+out/

README.md

@@ -26,7 +26,7 @@ A modern static documentation website for plugin documentation with automatic Gi
 ```bash
 # Clone the repository
 git clone <your-repository-url>
-cd static-plugin-doc-site-3
+cd plugin-doc-site
 
 # Install dependencies
 npm install

components/custom-image.tsx

@@ -10,7 +10,8 @@ export function CustomImage(props: any) {
   if (hasError) return null;
 
   // Check if the image is an SVG (which requires unoptimized prop)
-  const isSvg = props.src?.endsWith('.svg') || props.src?.includes('img.shields.io');
+  const src = typeof props.src === 'object' ? props.src.src : props.src;
+  const isSvg = typeof src === 'string' && (src.endsWith('.svg') || src.includes('img.shields.io'));
 
   // Simple fallback for now to debug panic
   return (

content/docs/filament-access-management/1.x/overview.mdx

@@ -1,7 +1,7 @@
 ---
 title: Overview
 description: Complete user and role management solution for Filament applications with permissions, roles, and access control features.
-lastUpdated: 2026-03-02T10:21:10.447Z
+lastUpdated: 2026-03-02T10:31:46.768Z
 ---
 
 # filament-access-management

content/docs/filament-access-management/2.x/overview.mdx

@@ -1,7 +1,7 @@
 ---
 title: Overview
 description: Complete user and role management solution for Filament applications with permissions, roles, and access control features.
-lastUpdated: 2026-03-02T10:21:10.448Z
+lastUpdated: 2026-03-02T10:31:46.769Z
 ---
 
 

content/docs/filament-cms-website-plugin/1.x/guide.mdx

@@ -1,7 +1,7 @@
 ---
 title: Guide
 description: A complete website content management plugin for Filament, allowing you to manage pages, media, and website content with ease.
-lastUpdated: 2026-03-02T10:21:10.368Z
+lastUpdated: 2026-03-02T10:31:46.681Z
 ---
 
 ## General Page

content/docs/filament-cms-website-plugin/1.x/overview.mdx

@@ -1,7 +1,7 @@
 ---
 title: Overview
 description: A complete website content management plugin for Filament, allowing you to manage pages, media, and website content with ease.
-lastUpdated: 2026-03-02T10:21:10.368Z
+lastUpdated: 2026-03-02T10:31:46.681Z
 ---
 
 # Filament CMS Website Plugin

content/docs/filament-cms-website-plugin/2.x/guide.mdx

@@ -1,7 +1,7 @@
 ---
 title: Guide
 description: A complete website content management plugin for Filament, allowing you to manage pages, media, and website content with ease.
-lastUpdated: 2026-03-02T10:21:10.371Z
+lastUpdated: 2026-03-02T10:31:46.684Z
 ---
 
 ## General Page

content/docs/filament-cms-website-plugin/2.x/overview.mdx

@@ -1,7 +1,7 @@
 ---
 title: Overview
 description: A complete website content management plugin for Filament, allowing you to manage pages, media, and website content with ease.
-lastUpdated: 2026-03-02T10:21:10.371Z
+lastUpdated: 2026-03-02T10:31:46.684Z
 ---
 
 # Filament CMS Website Plugin