GitHub & Vercel Integration Recipe

명령어에 실행할 위치를 넣어주세요. [프로젝트이름] 에서로 시작해서 명령을 주면 정확하게 처리됩니다. github 관련 내용은 추가적인 레시피 검색으로 알아보세요.

#next.js#github#vercel

recipe.sh

이 레시피는 로컬 프로젝트를 GitHub 저장소에 올리고, 이를 Vercel과 연결하여 자동 배포 시스템을 완성하는 과정을 다룹니다.

1. 로컬 저장소 Git 설정
먼저 프로젝트 폴더에 Git을 초기화하고 첫 번째 커밋을 완료합니다.

Git 초기화: git init

전체 파일 스테이징: git add .

첫 커밋 생성: git commit -m "Initial commit"

2. GitHub 원격 저장소 연결
GitHub에서 저장소(Repo)를 생성한 후 로컬과 연결합니다. (GitHub CLI 설치 시 더 편리합니다)

원격 저장소 연결: git remote add origin [내 GitHub 저장소 주소]

브랜치 이름 설정: git branch -M main

GitHub으로 푸시: git push -u origin main

3. Vercel과 GitHub 저장소 연동 (CLI)
Vercel 프로젝트가 이미 생성되어 있다면, 터미널 명령어로 GitHub 저장소와 연결을 확정합니다.

Vercel - GitHub 연결: vercel git connect
(이후 터미널의 안내에 따라 연결할 GitHub 계정과 저장소를 선택하세요)

4. 연동 상태 확인 및 자동 배포 테스트
연동이 완료된 후 코드를 수정하고 푸시하면 Vercel이 자동으로 빌드를 시작합니다.

코드 수정 후 푸시: git add . && git commit -m "Update" && git push

배포 상태 확인: vercel list

"위 내용을 참고해서 내 로컬 프로젝트를 GitHub에 먼저 올리고, Vercel과 연동해서 자동 배포가 되게 만들고 싶어. 다음 작업을 진행해줘: 1. 현재 폴더에 git init이 안 되어 있다면 실행하고 초기 커밋을 만들어줘. 2. 내가 미리 생성한 GitHub 저장소 주소를 물어본 뒤 remote 설정을 완료해줘. 3. main 브랜치로 첫 푸시를 진행해줘. 4. vercel git connect 명령어를 사용해서 이 GitHub 저장소와 Vercel 프로젝트를 연결해줘. 이제부터 푸시할 때마다 배포가 되는 환경인지 확인해줘."