npx create-next-app@latest

• shadcn 설치

npx shadcn-ui@latest init

• 몇가지 CLI 라인이 나타난다.

✔ Would you like to use TypeScript (recommended)? … no / yes
✔ Which style would you like to use? › Default
✔ Which color would you like to use as base color? › Slate
✔ Where is your global CSS file? … app/globals.css
✔ Would you like to use CSS variables for colors? … no / yes
✔ Where is your tailwind.config.js located? … tailwind.config.js
✔ Configure the import alias for components: … @/components
✔ Configure the import alias for utils: … @/lib/utils
✔ Are you using React Server Components? … no / yes
✔ Write configuration to components.json. Proceed? … yes

해당 global.css 스타일 속성 추가

• 기본적으로 선언된 위의 css는 shadcn을 install하면서 자동으로 설정된 속성들이다.

Routing - Route Group 사용

• 해당 (폴더)는 url에 영향을 미치지 않는다.
• 각각의 폴더는 layout.ts 폴더를 갖는다. ⇒ 봐야할듯..