fix: use BASE_PATH env var for configurable base path in production builds

Author: softwareentrepreneer

.github/workflows/deploy.yml

@@ -67,7 +67,7 @@ jobs:
       - name: Build website
         run: ap build
         env:
-          NODE_ENV: production
+          BASE_PATH: /afterpython
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

afterpython/_website/svelte.config.js

@@ -16,8 +16,11 @@ const config = {
 			precompress: false,
 			strict: true,
 		}),
+		// GitHub Pages serves sites from a subdirectory (e.g., username.github.io/repo-name/)
+		// Set base path via BASE_PATH env var so all routes and assets are correctly prefixed
+		// Without this, routes like /doc would resolve to username.github.io/doc instead of username.github.io/afterpython/doc
 		paths: {
-			base: process.env.NODE_ENV === 'production' ? '/afterpython' : '',
+			base: process.env.BASE_PATH || '',
 		},
 		alias: {
 			// '@': 'src/',

afterpython/templates/deploy-workflow-template.yml

@@ -67,7 +67,7 @@ jobs:
       - name: Build website
         run: ap build
         env:
-          NODE_ENV: production
+          BASE_PATH: /afterpython
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3