Feedme 배포하기 | Vercel 배포

Overview

완성한 Feedme를 GitHub에 올리고 Vercel에 연결합니다. 배포가 끝나면 누구나 접속할 수 있는 .vercel.app 주소가 생깁니다.

학습 목표

• Feedme 저장소를 Vercel에 연결해 .vercel.app 주소로 배포합니다.

Step 1: 완성한 Feedme를 GitHub에 올리기

Claude Code에 다음과 같이 요청합니다.

지금까지 변경 사항을 커밋하고 main 브랜치에 push해줘.

github.com에서 feedme-clone 저장소를 열고 지금까지 만든 코드가 올라왔는지 확인합니다.

Step 2: Vercel에 저장소 연결하기

Vercel 대시보드에서 ① Add New... 드롭다운을 열고, ② Project를 클릭합니다.

① Search 박스에 feedme-clone을 입력해 저장소를 찾고, ② 옆의 Import 버튼을 클릭합니다.

다음 화면에서 Application Preset은 Next.js로 자동 감지됩니다. Environment Variables는 비워둔 채 ① Deploy 버튼을 클릭합니다.

Step 3: 배포 주소에서 Feedme 확인하기

빌드가 끝나면 저장소 이름이 들어간 .vercel.app 주소가 생깁니다. 주소를 열어 로컬에서 만든 Feedme 화면이 나타나는지 확인합니다.

Feedme가 인터넷에 배포됐습니다. 이제 이 주소를 다른 사람에게 공유할 수 있습니다.

핵심 포인트 정리

1. Vercel 연결: GitHub의 feedme-clone 저장소를 Import하고 Deploy하면 .vercel.app 주소가 생깁니다.
2. 배포 결과 확인: 생성된 주소에서 Feedme 화면이 나타나면 배포가 완료된 것입니다.

이어서 배울 내용

Feedme를 하나의 작업으로 완성하고 배포했습니다. 다음 Git Worktree 격리에서는 이 저장소에서 여러 작업을 동시에 진행해도 서로 영향을 주지 않도록 작업 폴더를 나눕니다.