TanStack Start 앱 Vercel 배포 자동화하기
중급45분2026-06-20
TanStack Start 앱을 Vercel에서 바로 임포트할 수 있도록 빌드 출력 경로, 제외 파일, 린트 범위, README, GitHub 연결 상태를 한 번에 정리합니다. 최종적으로는 Vercel 배포 준비가 끝난 프로젝트 저장소와 함께 vite.config.ts, eslint.config.js, README.md, .gitignore, 그리고 format/lint/build 검증 결과가 남습니다.
이 실습은 터미널에서 진행됩니다
오른쪽 패널에서 설치 명령어를 복사하세요이런 걸 배워요
- TanStack Start 프로젝트에 Vercel용 Nitro preset을 반영할 수 있습니다.
- .gitignore와 ESLint 제외 경로를 배포 출력물 기준으로 정리할 수 있습니다.
- format, lint, build 순서로 배포 전 검증 루틴을 실행할 수 있습니다.
- GitHub에 푸시한 저장소를 Vercel에서 바로 임포트할 수 있는 상태로 만들 수 있습니다.
어떻게 진행해요
1. 환경과 프로젝트 상태 확인
2. Vercel preset 패키지 준비
3. 빌드 출력 preset 반영
4. 제외 파일과 린트 범위 정리
5. 배포 전 검증 실행
6. README 배포 안내 정리
7. 로컬 Git 커밋 생성
8. GitHub 연결과 푸시
AI 튜터가 각 단계를 하나씩 안내해줄 거예요