docs: host landing page and docs on Vercel at rnsac.appandflow.com

.github/workflows/docs-check.yml

@@ -7,13 +7,11 @@ on:
       - main
     paths:
       - '.github/workflows/docs-check.yml'
-      - '.github/workflows/docs-deploy.yml'
       - docs/**
       - website/**
   pull_request:
     paths:
       - '.github/workflows/docs-check.yml'
-      - '.github/workflows/docs-deploy.yml'
       - docs/**
       - website/**
 jobs:

CONTRIBUTING.md

@@ -1,3 +1,3 @@
 # Contributing
 
-See https://appandflow.github.io/react-native-safe-area-context/contributing/
+See https://rnsac.appandflow.com/docs/contributing

README.md

@@ -13,7 +13,7 @@ A flexible way to handle safe area, also works on Android and Web!
 
 ## Documentation
 
-Check out our [documentation site](https://appandflow.github.io/react-native-safe-area-context/).
+Check out our [documentation site](https://rnsac.appandflow.com/).
 
 ## Contributing
 

docs/README.md

@@ -26,16 +26,4 @@ This command generates static content into the `build` directory and can be serv
 
 ### Deployment
 
-Using SSH:
-
-```
-$ USE_SSH=true yarn deploy
-```
-
-Not using SSH:
-
-```
-$ GIT_USER=<Your GitHub username> yarn deploy
-```
-
-If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
+The landing page (`website/`) and these docs are deployed together to [rnsac.appandflow.com](https://rnsac.appandflow.com) by Vercel on every push to `main`, with the docs served under `/docs/`. Pull requests get a preview deployment. The build is configured in `vercel.json` at the repository root.

docs/docusaurus.config.ts

@@ -10,13 +10,11 @@ const config: Config = {
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
-  url: 'https://appandflow.github.io',
-  // Set the /<baseUrl>/ pathname under which your site is served
-  // For GitHub pages deployment, it is often '/<projectName>/'
-  baseUrl: '/react-native-safe-area-context/docs/',
+  url: 'https://rnsac.appandflow.com',
+  // The docs are served under /docs/ next to the landing page in `website/`.
+  // See vercel.json at the repository root.
+  baseUrl: '/docs/',
 
-  // GitHub pages deployment config.
-  // If you aren't using GitHub pages, you don't need these.
   organizationName: 'AppAndFlow', // Usually your GitHub org/user name.
   projectName: 'react-native-safe-area-context', // Usually your repo name.
 

vercel.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "framework": null,
+  "installCommand": "yarn --cwd website install --frozen-lockfile && yarn --cwd docs install --frozen-lockfile",
+  "buildCommand": "yarn --cwd website build && yarn --cwd docs build && mkdir -p website/build/docs && cp -R docs/build/. website/build/docs/",
+  "outputDirectory": "website/build",
+  "ignoreCommand": "git diff --quiet HEAD^ HEAD -- website docs vercel.json"
+}

website/docusaurus.config.js

@@ -1,8 +1,8 @@
 export default {
   title: 'React Native Safe Area Context',
   tagline: 'Simplifying layout management with React Native Safe Area Context',
-  url: 'https://appandflow.github.io',
-  baseUrl: '/react-native-safe-area-context/',
+  url: 'https://rnsac.appandflow.com',
+  baseUrl: '/',
   onBrokenLinks: 'throw',
   presets: [
     ['classic', {

website/src/landing/content.js

@@ -1,5 +1,5 @@
 export const docs =
-  'https://appandflow.github.io/react-native-safe-area-context/docs/';
+  'https://rnsac.appandflow.com/docs/';
 export const github =
   'https://github.com/AppAndFlow/react-native-safe-area-context';
 export const command = 'npm install react-native-safe-area-context';