Skip to content

Modify workflows to directly handle Vercel deployment #529

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
anth-volk wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Modify workflows to directly handle Vercel deployment #529

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1aef063
fix: Modify workflows to directly handle Vercel deployment
anth-volk Dec 17, 2025
b6ec025
fix: Minor fixes to workflow
anth-volk Dec 17, 2025
03db873
fix: Deploy all three Vercel projects as part of GH
anth-volk Dec 17, 2025
b9ab344
fix: Properly add back checks on deploy, make deploy dependent on checks
anth-volk Dec 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
167 changes: 159 additions & 8 deletions .github/workflows/pr.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,14 @@ on:
- main
- master

permissions:
contents: read
deployments: write
pull-requests: read

env:
VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}

jobs:
lint:
name: Lint and format
Expand Down Expand Up @@ -89,9 +97,14 @@ jobs:
working-directory: ./app
run: npm test

build:
name: Build
preview-app-v2:
name: Preview App V2
runs-on: ubuntu-latest
environment:
name: preview-app-v2
url: ${{ steps.deploy.outputs.url }}
env:
VERCEL_PROJECT_ID: ${{ secrets.VERCEL_APP_V2_PROJECT_ID }}

steps:
- name: Check out repository
Expand All @@ -100,16 +113,154 @@ jobs:
- name: Set up Node.js
uses: actions/setup-node@v4
with:
node-version: '24'
node-version: '22'
cache: 'npm'
cache-dependency-path: package-lock.json

- name: Install dependencies
run: npm ci

- name: Build design system
run: npm run design-system:build
- name: Install Vercel CLI
run: npm install -g vercel

- name: Build application
working-directory: ./app
run: npm run build
- name: Pull Vercel environment
run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}

- name: Build
run: vercel build --token=${{ secrets.VERCEL_TOKEN }}

- name: Create GitHub deployment
uses: chrnorm/deployment-action@v2
id: deployment
with:
token: ${{ secrets.GITHUB_TOKEN }}
environment: preview-app-v2
ref: ${{ github.head_ref }}

- name: Deploy Preview
id: deploy
run: |
url=$(vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }})
echo "url=$url" >> $GITHUB_OUTPUT

- name: Update deployment status
if: always()
uses: chrnorm/deployment-status@v2
with:
token: ${{ secrets.GITHUB_TOKEN }}
deployment-id: ${{ steps.deployment.outputs.deployment_id }}
state: ${{ job.status == 'success' && 'success' || 'failure' }}
environment-url: ${{ steps.deploy.outputs.url }}

preview-website:
name: Preview Website
runs-on: ubuntu-latest
environment:
name: preview-website
url: ${{ steps.deploy.outputs.url }}
env:
VERCEL_PROJECT_ID: ${{ secrets.VERCEL_WEBSITE_PROJECT_ID }}

steps:
- name: Check out repository
uses: actions/checkout@v4

- name: Set up Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
cache: 'npm'
cache-dependency-path: package-lock.json

- name: Install dependencies
run: npm ci

- name: Install Vercel CLI
run: npm install -g vercel

- name: Pull Vercel environment
run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}

- name: Build
run: vercel build --token=${{ secrets.VERCEL_TOKEN }}

- name: Create GitHub deployment
uses: chrnorm/deployment-action@v2
id: deployment
with:
token: ${{ secrets.GITHUB_TOKEN }}
environment: preview-website
ref: ${{ github.head_ref }}

- name: Deploy Preview
id: deploy
run: |
url=$(vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }})
echo "url=$url" >> $GITHUB_OUTPUT

- name: Update deployment status
if: always()
uses: chrnorm/deployment-status@v2
with:
token: ${{ secrets.GITHUB_TOKEN }}
deployment-id: ${{ steps.deployment.outputs.deployment_id }}
state: ${{ job.status == 'success' && 'success' || 'failure' }}
environment-url: ${{ steps.deploy.outputs.url }}

preview-calculator:
name: Preview Calculator
runs-on: ubuntu-latest
environment:
name: preview-calculator
url: ${{ steps.deploy.outputs.url }}
env:
VERCEL_PROJECT_ID: ${{ secrets.VERCEL_CALCULATOR_PROJECT_ID }}

steps:
- name: Check out repository
uses: actions/checkout@v4

- name: Set up Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
cache: 'npm'
cache-dependency-path: package-lock.json

- name: Install dependencies
run: npm ci

- name: Install Vercel CLI
run: npm install -g vercel

- name: Pull Vercel environment
run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
working-directory: ./calculator

- name: Build
run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
working-directory: ./calculator

- name: Create GitHub deployment
uses: chrnorm/deployment-action@v2
id: deployment
with:
token: ${{ secrets.GITHUB_TOKEN }}
environment: preview-calculator
ref: ${{ github.head_ref }}

- name: Deploy Preview
id: deploy
run: |
url=$(vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }})
echo "url=$url" >> $GITHUB_OUTPUT
working-directory: ./calculator

- name: Update deployment status
if: always()
uses: chrnorm/deployment-status@v2
with:
token: ${{ secrets.GITHUB_TOKEN }}
deployment-id: ${{ steps.deployment.outputs.deployment_id }}
state: ${{ job.status == 'success' && 'success' || 'failure' }}
environment-url: ${{ steps.deploy.outputs.url }}
Loading