Notice
Recent Posts
Recent Comments
Link
«   2026/05   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
more
Archives
Today
Total
관리 메뉴

flatwhite01 님의 블로그

vercel 배포 방법 본문

react

vercel 배포 방법

flatwhite01 2025. 1. 6. 10:44

Vercel을 통한 배포 방법을 단계별로 설명해드리겠습니다:

  1. Vercel 계정 설정
  • vercel.com에서 회원가입
  • GitHub/GitLab/Bitbucket 계정으로 로그인 가능
  1. 프로젝트 준비
  • 프로젝트가 Git 저장소에 있어야 함
  • package.json이 있는지 확인
  • build 명령어 설정 확인
  1. 배포 방법

방법 1: Vercel 대시보드를 통한 배포

# 프로젝트를 Git에 push 후

1. vercel.com 대시보드 접속

2. 'New Project' 클릭

3. Git 저장소 import

4. 프로젝트 설정 확인 (빌드 명령어, 환경 변수 등)

5. 'Deploy' 클릭

 

방법 2: CLI를 통한 배포

# Vercel CLI 설치 npm i -g vercel

# 로그인 vercel login

# 프로젝트 배포 vercel

# 프로덕션 배포 vercel --prod

 

  1. 주요 기능
  • 자동 HTTPS 적용
  • 도메인 연결 가능
  • 자동 배포 (Git 연동 시)
  • 환경 변수 관리
  • 빌드 로그 확인
  1. 추가 설정
  • vercel.json 파일로 상세 설정 가능
json
 
{ "builds": [
{ "src": "package.json",
"use": "@vercel/node" } ]
}

보통 자동 설정으로도 충분하지만, 특별한 설정이 필요한 경우 커스터마이징이 가능합니다.

'react' 카테고리의 다른 글

redux 정리  (0) 2025.03.05
redux  (1) 2025.01.15
React와 Next.js의 차이  (0) 2025.01.07
[React] 설치 방법  (2) 2025.01.07