GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드

KUKJIN LEE's profile picture

KUKJIN LEE3개월 전 작성

GitHub Actions와 Vercel을 사용하여 매주 수요일 오전 10시(한국 시간)에 프로젝트를 자동으로 재배포하는 방법을 설명합니다.

 

프로젝트 구조

.github가 맞습니다.

your-project/
├── .github/
│   └── workflows/
│       └── weekly-deploy.yml
├── public/
│   └── ...
├── src/
│   └── ...
├── package.json
├── README.md
└── ... (other project files)

 

GitHub Actions 워크플로우 설정

.github/workflows/weekly-deploy.yml 파일을 생성하고 다음 내용을 추가합니다.

name: Weekly Deployment

on:
  schedule:
    # 매주 수요일 오전 10시 (UTC+9)에 실행
    - cron: '0 1 * * 3'

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Deploy to Vercel
        uses: amondnet/vercel-action@v20
        with:
          vercel-token: ${{ secrets.VERCEL_TOKEN }}
          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
          vercel-args: '--prod'

GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드

 

Vercel TOKEN, ORG_ID, PROJECT_ID 정보 얻기

VERCEL_TOKEN 얻기

  1. Vercel 대시보드 로그인

  2. 프로필 아이콘 > Settings > Tokens

  3. "Create Token" 클릭, 이름 입력 및 범위 선택

  4. 생성된 토큰 복사

 

VERCEL_ORG_ID (TEAM_ID) 및 VERCEL_PROJECT_ID 얻기 

※ ORG_ID가 TEAM_ID로 변경되었습니다. (2024년 7월 25일 기준 확인)

  1. VERCEL_ORG_ID (TEAM_ID) 얻기:

    • Vercel 대시보드에 로그인합니다.

    • 네브바에 "Team"을 선택합니다.

    • "Settings" 탭을 클릭합니다.

    • "General" 섹션으로 스크롤합니다.

    • "Team ID" 항목에서 값을 찾을 수 있습니다. (예: team_abcdefg)

  2. VERCEL_PROJECT_ID 얻기:

    • Vercel 대시보드에서 해당 프로젝트를 선택합니다.

    • 프로젝트 설정(Settings) 페이지로 이동합니다.

    • "General" 섹션에서 "Project ID"를 찾을 수 있습니다.

 

GitHub Secrets 설정

  1. GitHub 프로젝트 저장소 > Settings

  2. Secrets and variables > Actions

  3. "New repository secret" 클릭

  4. 다음 시크릿 추가:

    • VERCEL_TOKEN

    • VERCEL_ORG_ID

    • VERCEL_PROJECT_ID

GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드2

 

위와 같은 방법을 통해 매주 수요일 오전 10시(한국 시간)에 GitHub Actions가 자동으로 실행되어 Vercel에 프로젝트를 재배포 할 수 있게 됐습니다.

 

자동 배포를 진행하게 되면, 일반 배포와 다르게 >_ cdf823d 처럼 >_ 표시됩니다.

 

GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드3

New Tech Posts