fix build site baseurl

Signed-off-by: saurabhraghuvanshii <saurabhsraghuvanshi@gmail.com>

Author: saurabhraghuvanshii

.github/workflows/build-and-deploy-site.yml

@@ -37,9 +37,26 @@ jobs:
       - name: Install dependencies
         run: "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"
 
+      # GitHub project pages are served from https://<owner>.github.io/<repo>/.
+      # Gatsby must use pathPrefix + `gatsby build --prefix-paths` or scripts/CSS load from / and break.
+      # User/organization sites use a repo named <owner>.github.io and are served from the domain root.
       - name: Build site
+        env:
+          GITHUB_PAGES_ORIGIN: ${{ vars.GITHUB_PAGES_ORIGIN }}
         run: |
-          npm run build
+          owner="${GITHUB_REPOSITORY%%/*}"
+          repo_name="${GITHUB_REPOSITORY#*/}"
+          pages_origin="${GITHUB_PAGES_ORIGIN:-https://${owner}.github.io}"
+          pages_origin="${pages_origin%/}"
+
+          if [[ "$repo_name" == "${owner}.github.io" ]]; then
+            export GATSBY_SITE_URL="$pages_origin"
+            npm run build
+          else
+            export GATSBY_SITE_URL="$pages_origin"
+            export PATH_PREFIX="$repo_name"
+            npm run build:gh-pages
+          fi
           touch public/.nojekyll
 
       - name: Deploy to GitHub Pages

gatsby-config.js

@@ -45,7 +45,9 @@ module.exports = {
       "Expect more from your infrastructure. Cloud native, open source software for your internal development platforms, your DevOps, platform engineering and site reliability engineering teams. Less finger-pointing and more collaborating. Allowing developers to focus on business logic, not infrastructure concerns. Empowering operators to confidently run modern infrastructure.",
     author: "Layer5 Authors",
     permalink: siteRootUrl,
-    siteUrl: siteOrigin,
+    // Use the full public root (origin + pathPrefix) so GitHub Pages project sites,
+    // PR previews, and feeds resolve URLs under the correct base path.
+    siteUrl: siteRootUrl,
     image: "/images/layer5-gradient.webp",
     twitterUsername: "@layer5",
   },

package.json

@@ -11,6 +11,7 @@
   },
   "scripts": {
     "build": "cross-env BUILD_FULL_SITE=true NODE_OPTIONS=--max-old-space-size=8192 gatsby build",
+    "build:gh-pages": "cross-env BUILD_FULL_SITE=true NODE_OPTIONS=--max-old-space-size=8192 gatsby build --prefix-paths",
     "build:preview": "cross-env BUILD_FULL_SITE=true GATSBY_PREVIEW=true NODE_OPTIONS=--max-old-space-size=8192 gatsby build --prefix-paths",
     "clean": "gatsby clean",
     "clean:all": "gatsby clean && rimraf node_modules",