← 
v0
Next.js 프로젝트에 v0 컴포넌트 통합하기
Basic 약 20분기본 사용법
v0에서 생성한 컴포넌트를 실제 Next.js 프로젝트에 바로 통합하는 전체 워크플로우를 익힙니다.
v0 열기
v0.dev
STEP 1 / 3…
1
STEP 1. shadcn/ui 설치
Terminal
➜ npx -y @modelcontextprotocol/...
Need to install the following packages:
@modelcontextprotocol/server-filesystem
Ok to proceed? (y) y
✓ MCP server started
Waiting for connection...
npx shadcn@latest init → 설정 선택 → components/ui/ 생성 확인
`npx shadcn@latest init`으로 프로젝트에 shadcn/ui를 설치합니다. v0 생성 컴포넌트는 shadcn 기반이므로 미리 설치해야 합니다.
Next.js 앱 라우터를 사용한다면 초기화 시 'App Router'를 선택하세요.
이 단계를 완료했나요?