shadcn/ui 설치

npx create-next-app@latest 앱이름 --typescript --tailwind --eslint

 

이미 Next.js 을 설치하고 시작하는 경우는 여기 부터, 터미널에서, npx shadcn-ui@latest init , 하면 선택창 제시어를 아래 처럼 선택한다.

npx shadcn-ui@latest init

// 아래 주로 default 선택
Need to install the following packages:
shadcn-ui@0.8.0
Ok to proceed? (y)
√ Which style would you like to use? » Default
√ Which color would you like to use as base color? » Slate
√ Would you like to use CSS variables for colors? ... no / yes        

✔ Writing components.json...
✔ Initializing project...
✔ Installing dependencies...

Success! Project initialization completed. You may now add components.

설치가 끝나면 다음의 것이 추가 설치 됩니다.

- lib/utils.ts

- components.json

- package.json 에 다음의 추가 디펜던시가 설치됨

  "class-variance-authority": "^0.7.0",

  "clsx": "^2.1.1",

  "lucide-react": "^0.378.0", // 아이콘