vercel/examples

어떤 프로젝트인가요?

핵심 기능

• 01주제별로 정리된 Next.js 및 TypeScript 예제 앱 모음
• 02데모와 레퍼런스 아키텍처를 위한 별도의 solutions 폴더
• 03새 프로젝트의 기반으로 활용할 수 있는 스타터 애플리케이션
• 04설정 안내와 환경 변수 템플릿을 포함한 예제
• 05기여자를 위한 생성 스크립트와 pre-commit 린트 검사

활용 사례

• Vercel에 배포할 Next.js 프로젝트의 시작점 찾기
• 엣지 미들웨어나 API 라우트 같은 특정 패턴의 구현 방법 학습하기
• 모노레포나 봇 방지 설정을 위한 레퍼런스 아키텍처 복사해 활용하기

빠른 시작

1. 1

   solutions 및 starter 폴더의 예제 앱을 살펴보세요

2. 2

   새 예제를 기여하려면 저장소의 종속 항목을 설치하세요

   pnpm i
3. 3

   템플릿에서 새 예제를 생성하세요

   pnpm new-example

사용 전 알아둘 점

• !이 저장소는 개별 예제를 모아 놓은 것으로, 전체를 하나의 앱으로 실행할 수는 없습니다.
• !새 예제를 기여하려면 pnpm 툴체인과 저장소의 Prettier 및 ESLint pre-commit 검사가 필요합니다.

토픽

자주 묻는 질문

examples은(는) 무엇인가요?

Vercel에서 앱을 만드는 패턴을 보여 주는 예제 앱, 솔루션, 스타터 템플릿 모음으로, 대부분 Next.js를 사용합니다. vercel/examples는 Vercel이 관리하는 예제 프로젝트 모노레포입니다. 데모, 레퍼런스 아키텍처, 모범 사례를 담은 solutions와 새 프로젝트의 출발점으로 활용할 수 있는 기능성 애플리케이션을 담은 starter, 두 영역으로 나뉩니다.

examples은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

examples은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

examples은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. examples의 마지막 커밋은 2026년 10월 21일입니다.

examples은(는) 어디에 사용할 수 있나요?

Vercel에 배포할 Next.js 프로젝트의 시작점 찾기 엣지 미들웨어나 API 라우트 같은 특정 패턴의 구현 방법 학습하기 모노레포나 봇 방지 설정을 위한 레퍼런스 아키텍처 복사해 활용하기

examples는 어떻게 설치하나요?

solutions 및 starter 폴더의 예제 앱을 살펴보세요 새 예제를 기여하려면 저장소의 종속 항목을 설치하세요: pnpm i 템플릿에서 새 예제를 생성하세요: pnpm new-example

examples은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vercel/examples