fix: grid layout fix on mobile, hero banner on header #16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# 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 }} |