studio.soluta

Vercel

GitHub 코드를 Vercel 주소로 보내기

GitHub 코드가 Vercel에 전달된 결과를 Preview 주소에서 확인하고 Production 주소와 구분할 수 있습니다

단계 1 / 4

예제 앱을 GitHub의 새 비공개 저장소에 올립니다

`.env.local`이 커밋 목록에 없다는 것을 먼저 확인합니다.

그대로 붙여넣기
이 예제 앱을 GitHub 비공개 저장소에 올리기 전에 커밋할 파일을 확인해 주세요. `.env.local`, API 키, 토큰과 비밀번호가 있으면 값을 보여 주지 말고 멈춰 주세요. 안전하면 첫 커밋과 푸시까지 진행해 주세요.
확인

비밀값 검사가 먼저 끝나고 예제 코드만 GitHub에 올라갑니다.

01

단계 2 / 4

Vercel에서 Add New Project를 열고 방금 만든 GitHub 저장소를 가져옵니다

예제 폴더만 있는 저장소가 아니라면 Root Directory를 예제 앱 경로로 지정합니다.

확인

Vercel 프로젝트 설정에 선택한 GitHub 저장소와 Root Directory가 보입니다.

02

단계 3 / 4

환경 변수를 넣지 않은 채 처음 배포합니다

확인

배포 주소에 ‘Supabase 연결 전’ 안내가 보입니다.

03

단계 4 / 4

작업 브랜치를 하나 만들고 문구 한 줄을 바꿔 푸시한 뒤 Preview 주소를 기록합니다

그대로 붙여넣기
홈 화면의 설명 문구 한 줄만 고칠 작업 브랜치를 만들고 변경해 주세요. diff를 보여 준 뒤 커밋하고 푸시하되 main에는 아직 합치지 마세요.
확인

새 브랜치가 GitHub에 올라가고 Vercel에 별도 Preview 배포가 생깁니다.

04

순서를 모두 마쳤어요

그대로 붙여넣기
이 저장소와 연결된 Vercel 배포 설정을 확인해 주세요. Production Branch, 최근 Preview 주소와 최근 Production 주소를 표로 정리하고 아직 재배포하지 마세요.