Case 1 - Next.js 프로젝트에 CI/CD 적용하기 (Vercel)

JSCODE 박재성 JSCODE 제이온 JSCODE 시니

과외 유튜브 블로그 후기

완강 후기 이벤트 블로그 리뷰 이벤트 AWS SAA 합격 후기 이벤트

← 블로그 목록으로 돌아가기

author

JSCODE 박재성

category

CI/CD

createdAt

Nov 30, 2025 11:19 AM

isPublic

isPublic

series

비전공자도 이해할 수 있는 CI/CD 입문

slug

ci-cd-for-nextjs-vercel

type

post

updatedAt

Mar 20, 2026 09:00

✅ 전체적인 흐름

notion image

✅ 1. Next.js 프로젝트 생성


$ npx create-next-app@latest

✅ 2. Vercel에 배포하기

Vercel에 배포하는 방법은 크게 어렵지 않다. 뿐만 아니라 Vercel 자체적으로 기본적인 CI/CD가 이미 구성되어 있어서 별도의 CI/CD를 구축할 필요가 없다.

Next.js vercel에 배포하기

Next.js에서 제공하는 배포 플랫폼이다.빌드, 배포, 호스팅을 제공하고, 공식 문서에서도 Vercel을 통한 Front Project 배포를 권장한다.또한 Github Repository를 통해 정말 쉽게 배포가 가능하다.pakage.json에 아래 스크립트가 있는

https://velog.io/@mjooon98/Next.js-vercel에-배포하기

Next.js vercel에 배포하기

📎

이 글은 비전공자도 이해할 수 있는 CI/CD 입문·실전 강의의 수업 자료 중 일부입니다.