ci: deploy to GitHub Pages

Author: TheCatLady

.github/workflows/deploy.yml

@@ -0,0 +1,47 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    name: Build Docusaurus
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+      - name: Build website
+        run: yarn build
+
+      - name: Upload Build Artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: build
+
+  deploy:
+    name: Deploy to GitHub Pages
+    needs: build
+
+    permissions:
+      pages: write
+      id-token: write
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

docusaurus.config.ts

@@ -9,10 +9,13 @@ import remarkKroki from 'remark-kroki-plugin';
 
 const isDev = process.env.NODE_ENV === 'development';
 const isBuildFast = isDev || !!process.env.BUILD_FAST;
-const isNetlify = !!process.env.NETLIFY;
-const isProd = isNetlify && process.env.CONTEXT === 'production';
+const isProd =
+  process.env.CURRENT_BRANCH === 'main' && process.env.CONTEXT === 'production';
 
 const config: Config = {
+  organizationName: 'someengineering',
+  projectName: 'docs.fix.security',
+  deploymentBranch: 'gh-pages',
   title: 'Fix Security Documentation',
   url: 'https://docs.fix.security',
   baseUrl: '/',
@@ -25,14 +28,13 @@ const config: Config = {
   noIndex: !isProd,
   customFields: {
     isDev,
-    isNetlify,
     isProd,
     posthogProjectApiKey: process.env.POSTHOG_PROJECT_API_KEY,
   },
   scripts: isProd
     ? [
         {
-          src: 'https://docs.fix.security/js/script.js',
+          src: 'https://plausible.io/js/script.js',
           defer: true,
           'data-domain': 'docs.fix.security',
         },

src/providers/posthog.tsx

@@ -10,17 +10,17 @@ export default function PosthogProvider({
 }) {
   const {
     siteConfig: {
-      customFields: { isDev, isNetlify, isProd, posthogProjectApiKey },
+      customFields: { isDev, isProd, posthogProjectApiKey },
     },
   } = useDocusaurusContext();
 
   useEffect(() => {
     if (posthogProjectApiKey && !posthog.__loaded) {
       posthog.init(posthogProjectApiKey as string, {
-        api_host: isNetlify ? '/api/ingest' : 'https://eu.posthog.com',
+        api_host: 'https://eu.posthog.com',
         ui_host: 'https://eu.posthog.com',
         cross_subdomain_cookie: !!isProd,
-        secure_cookie: !!isNetlify,
+        secure_cookie: !!isProd,
         debug: !!isDev,
         capture_pageview: false, // Page views are captured manually
         capture_pageleave: true,
@@ -33,7 +33,7 @@ export default function PosthogProvider({
         enable_recording_console_log: false,
       });
     }
-  }, [isDev, isNetlify, isProd, posthogProjectApiKey]);
+  }, [isDev, isProd, posthogProjectApiKey]);
 
   return <Provider client={posthog}>{children}</Provider>;
 }