Skip to content

Deploy VitePress site to Pages #21

Deploy VitePress site to Pages

Deploy VitePress site to Pages #21

Workflow file for this run

name: Deploy VitePress site to Pages
on:
push:
branches: [main]
workflow_dispatch:
permissions:
contents: read
pages: write
id-token: write
concurrency:
group: pages
cancel-in-progress: false
jobs:
# Build job
build:
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
with:
fetch-depth: 0 # Not needed if lastUpdated is not enabled
- name: Setup Node
uses: actions/setup-node@v4
with:
node-version: 22
cache: npm
- name: Install dependencies
run: npm install
- name: Build with VitePress
run: npm run docs:build
- name: Upload artifact
uses: actions/upload-pages-artifact@v3
with:
path: docs/.vitepress/dist
# Deployment job
deploy:
needs: build
environment:
name: github-pages
# url will be set by deployment step output
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4
# Fail-safe job: if the previous deploy produced no site files,
# rebuild and re-deploy. Runs after `deploy`.
ensure-dist:
needs: deploy
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Check for built site
id: check-dist
run: |
if [ -d docs/.vitepress/dist ] && [ "$(ls -A docs/.vitepress/dist 2>/dev/null)" ]; then
echo "missing=false" >> $GITHUB_OUTPUT
echo "Found docs/.vitepress/dist and it contains files — skipping rebuild."
else
echo "missing=true" >> $GITHUB_OUTPUT
echo "docs/.vitepress/dist missing or empty — will rebuild and redeploy."
fi
# Only run build/upload/deploy if dist is missing/empty
- name: Setup Node (for rebuild)
if: ${{ steps.check-dist.outputs.missing == 'true' }}
uses: actions/setup-node@v4
with:
node-version: 22
cache: npm
- name: Install dependencies (for rebuild)
if: ${{ steps.check-dist.outputs.missing == 'true' }}
run: npm install
- name: Rebuild VitePress site
if: ${{ steps.check-dist.outputs.missing == 'true' }}
run: npm run docs:build
- name: Upload rebuilt artifact
if: ${{ steps.check-dist.outputs.missing == 'true' }}
uses: actions/upload-pages-artifact@v3
with:
path: docs/.vitepress/dist
- name: Deploy rebuilt site
if: ${{ steps.check-dist.outputs.missing == 'true' }}
uses: actions/deploy-pages@v4