Skip to content

fix: grid layout fix on mobile, hero banner on header #16

fix: grid layout fix on mobile, hero banner on header

fix: grid layout fix on mobile, hero banner on header #16

# Workflow to build and deploy site to Vercel using static files
# Name of Workflow
name: vercel-deploy-branch-deploys
# Controls when the action will run. Triggers the workflow on push
# events but only for specified branches
on:
push:
branches:
- main
env:
PRODUCTION_BRANCH: main
# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
deploy-branch:
runs-on: ubuntu-latest
# Steps represent a sequence of tasks that will be executed as part of the job
steps:
- name: Make some more metadata available as variables
id: metadata
run: |
TRIGGER_BRANCH=${GITHUB_REF##*/}
echo "TRIGGER_BRANCH=${TRIGGER_BRANCH}" | tee -a "$GITHUB_ENV" | tee -a "$GITHUB_OUTPUT"
echo "DEPLOY_NAME=BRANCH-${TRIGGER_BRANCH}" | tee -a "$GITHUB_ENV" | tee -a "$GITHUB_OUTPUT"
if [ "${TRIGGER_BRANCH}" == "${PRODUCTION_BRANCH}" ]
then
echo "VERCEL_ARGS=--prod" | tee -a "$GITHUB_ENV" | tee -a "${GITHUB_OUTPUT}"
fi
# Checks-out your repository under $GITHUB_WORKSPACE
- name: Checkout
uses: actions/checkout@v2
with:
submodules: recursive # Fetch private content
fetch-depth: 1 # Fetch all history for .GitInfo and .Lastmod
lfs: true
# Initiate GH deployment status
- name: Start Deployment
uses: bobheadxi/[email protected]
id: deployment
with:
step: start
token: ${{ secrets.GITHUB_TOKEN }}
env: vercel-deploy-${{ steps.metadata.outputs.DEPLOY_NAME }}
- name: Setup Node
uses: actions/setup-node@v2
with:
node-version: '22'
- name: 🔨 Build project
run: |
npm ci
npm run build
- name: Configure vercel.json
run: |
cat > dist/vercel.json <<EOF
{
"rewrites": [
{
"source": "/((?!^/$).*)",
"destination": "/index.html"
}
]
}
EOF
# Push our generated site to Vercel
- name: Deploy to Vercel
uses: amondnet/vercel-action@v20
id: vercel-action
with:
vercel-token: ${{ secrets.VERCEL_TOKEN }} # Required
#github-token: ${{ secrets.GITHUB_TOKEN }} #Optional
vercel-org-id: ${{ secrets.VERCEL_ORG_ID }} #Required
vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # Required
github-comment: false
vercel-args: ${{ steps.metadata.outputs.VERCEL_ARGS }}
working-directory: dist
# Update GH deployment status
- name: Update Deployment Status
uses: bobheadxi/[email protected]
if: always()
with:
step: finish
token: ${{ secrets.GITHUB_TOKEN }}
status: ${{ job.status }}
deployment_id: ${{ steps.deployment.outputs.deployment_id }}
env_url: ${{ steps.vercel-action.outputs.preview-url }}