[Chore] Vercel 배포 PR시 미리보기 설정 (Github Actions) #4
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
| name: Preview | |
| on: | |
| pull_request: | |
| branches: ["main", "develop"] | |
| jobs: | |
| vercel-preview: | |
| runs-on: ubuntu-latest | |
| permissions: | |
| contents: read | |
| pages: write | |
| deployments: write | |
| id-token: write | |
| issues: write | |
| pull-requests: write | |
| env: | |
| VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }} | |
| VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }} | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Install Vercel CLI | |
| run: npm install --global vercel@latest | |
| - name: Get Vercel Environment Variables | |
| run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }} | |
| - name: Build Project Artifacts | |
| run: vercel build --token=${{ secrets.VERCEL_TOKEN }} | |
| - name: Deploy Project Artifacts to Vercel | |
| id: deploy | |
| run: | | |
| vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} > vercel-output.txt | |
| echo "preview_url=$(cat vercel-output.txt)" >> $GITHUB_OUTPUT | |
| - name: Comment PR with Preview URL | |
| uses: thollander/actions-comment-pull-request@v2 | |
| with: | |
| message: | | |
| ## 🎉 Deploy Preview | |
| ${{ steps.deploy.outputs.preview_url }} | |
| [여기](https://github.com/yyypearl/Lettering-Front)에서 배포 결과 확인하기 |