Next.js 프로젝트에 v0 컴포넌트 통합하기
v0에서 생성한 컴포넌트를 실제 Next.js 프로젝트에 바로 통합하는 전체 워크플로우를 익힙니다.
따라 하기
1단계
shadcn/ui 설치
- 1
npx shadcn@latest init으로 프로젝트에 shadcn/ui를 설치합니다. - 2v0 생성 컴포넌트는 shadcn 기반이므로 미리 설치해야 합니다.
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/ 생성 확인
팁 Next.js 앱 라우터를 사용한다면 초기화 시 App Router를 선택하세요.