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

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

author

JSCODE 박재성

category

CI/CD

createdAt

Dec 1, 2025

series

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

slug

ci-cd-for-nextjs-vercel

type

post

updatedAt

Dec 1, 2025 12:06 PM

✅ 전체적인 흐름

✅ 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에-배포하기

author

category

createdAt

series

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

slug

type

series-footer

updatedAt

Dec 6, 2025 12:46 AM

📎

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

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

author

JSCODE 박재성

category

CI/CD

createdAt

Dec 1, 2025

series

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

slug

ci-cd-for-nextjs-vercel

type

post

updatedAt

Dec 1, 2025 12:06 PM

✅ 전체적인 흐름

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


$ npx create-next-app@latest

✅ 2. Vercel에 배포하기

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

Next.js vercel에 배포하기

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

author

category

createdAt

series

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

slug

type

series-footer

updatedAt

Dec 6, 2025 12:46 AM

📎

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