Vercel docs deploy (#153)

* Update docusaurus.config.js

* Update docusaurus.config.js

* Remove surge

* homepage image urls

* Update docusaurus.config.js

Author: gksander

.github/workflows/docs-website.yml

@@ -42,18 +42,6 @@ jobs:
         run: yarn build
         working-directory: ./website
 
-      - name: Deploy docs (staging)
-        if: github.ref != 'refs/heads/main'
-        run: yarn deploy:stage
-        working-directory: ./website
-        env:
-          # GH actions have a PR merge commit that _isn't_ our actual commits.
-          # Manually infer correct branch and sha for pull requests.
-          FORMIDEPLOY_GIT_SHA: ${{ github.event.pull_request.head.sha }}
-          GITHUB_DEPLOYMENT_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
-          SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
-
       - name: Deploy docs (production)
         if: github.ref == 'refs/heads/main'
         run: yarn deploy:prod

website/docusaurus.config.js

@@ -9,7 +9,7 @@ const config = {
   title: 'React Native Owl',
   tagline: 'Visual Regression Testing for React Native',
   url: 'https://formidable.com',
-  baseUrl: '/open-source/react-native-owl/',
+  baseUrl: process.env.VERCEL_ENV === "preview" ? '/' : '/open-source/react-native-owl/',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
   favicon: 'images/favicon.ico',

website/package.json

@@ -6,10 +6,10 @@
     "docusaurus": "docusaurus",
     "start": "docusaurus start",
     "build": "docusaurus build --out-dir build/open-source/react-native-owl",
+    "build:vercel": "docusaurus build",
     "swizzle": "docusaurus swizzle",
     "clear": "docusaurus clear",
     "serve": "formideploy serve",
-    "deploy:stage": "formideploy deploy --staging",
     "deploy:prod": "formideploy deploy --production",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids"

website/src/components/HomepageFeatures/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import styles from './styles.module.css';
+import {useBaseUrlUtils} from "@docusaurus/useBaseUrl";
 
 const FeatureList = [
   {
@@ -33,6 +34,7 @@ const FeatureList = [
 ];
 
 export const HomepageFeatures: React.FC = () => {
+  const { withBaseUrl } = useBaseUrlUtils()
   return (
     <>
       {FeatureList.map(({ title, description, imageSource }, idx) => {
@@ -44,7 +46,7 @@ export const HomepageFeatures: React.FC = () => {
             <div>
               {!!imageSource && (
                 <img
-                  src={`/open-source/react-native-owl${imageSource}`}
+                  src={withBaseUrl(imageSource)}
                   className={styles.sectionImageMockup}
                 />
               )}