[Next.js] Styling (shadcn/ui 사용)

Front-end/Next.js

Bay Im 2024. 3. 8. 00:22

shadcn/ui 설치
- cmd 창 next 프로젝트 최상단 디렉터리에서 npx shadcn-ui@latest init 입력
  - style: Default 선택
  - color: Slate 선택
  - CSS variables: yes 선택
shadcn/ui 사용
- shadcn/ui는 필요한 컴포넌트를 바로바로 install 하여 사용할 수 있다.
- https://ui.shadcn.com/docs/components/accordion 에서 필요한 컴포넌트 검색 후 install 하기
- 예시
  - 버튼 사용하기
    - npx shadcn-ui@latest add button 입력
    - 자동으로 button.tsx 생성 완료

[Next.js] NextAuth 소셜 로그인, openssl 설치 (0)	2024.03.08
[Next.js] Server API, middleware (0)	2024.03.08
[Next.js] Data Fetching (0)	2024.03.08
[Next.js] Link, Routes (0)	2024.03.08
[Next.js] Project 생성 및 설정 (0)	2024.03.08

Im Bay