JSCODE Logo
JSCODE 박재성JSCODE 제이온JSCODE 시니
무료 강의온라인 강의프로그래밍 과외책/전자책
유튜브블로그
후기
완강 후기 이벤트블로그 리뷰 이벤트AWS SAA 합격 후기 이벤트
회사명 : JSCODE대표 : 박재성사업자 등록번호 : 244-22-01557통신판매업 : 제 2023-인천미추홀-0381 호

서울특별시 구로구 경인로 20가길 11(오류동, 아델리아)

Copyright ⓒ 2026 JSCODE - 최상위 현업 개발자들의 프로그래밍 교육 All rights reserved.

이용약관개인정보처리방침

Vercel 빠르게 배워서 실전에서 써먹기

Vercel이란? / Vercel 등장 배경
Vercel에 Next.js 웹 서비스 배포하기
Vercel에 도메인 연결하기
Vercel에서 환경변수 설정하기
← 블로그 목록으로 돌아가기

Vercel에 Next.js 웹 서비스 배포하기

JSCODE 박재성
JSCODE 박재성
2026. 03. 18.
author
JSCODE 박재성
category
Vercel
createdAt
Nov 29, 2025 08:15 AM
isPublic
isPublic
series
Vercel 빠르게 배워서 실전에서 써먹기
slug
nextjs-deployment-by-vercel
type
post
updatedAt
Mar 18, 2026 11:00

1. 회원가입 / 로그인하기

Dashboard – Vercel
Dashboard – Vercel
https://vercel.com/login
Dashboard – Vercel
notion image
 
 

2. Github Repository에 프로젝트 올리기

notion image
 
 

3. Vercel에서 프로젝트 import 하기

notion image
notion image
notion image
  • Next.js 프로젝트에 있던 .env의 값을 Vercel의 Environment Variables 메뉴에 기입해줘야 한다.
 
notion image
  • 정상적으로 배포가 완료됐다면 위와 같은 화면이 뜰 것이다.
 
 

4. 배포 잘 됐는 지 확인하기

notion image
notion image