Simplest Way to Build a Modern Dashboard (TanStack Start, Shadcn, TypeScript)
- 텐스택 스타트와 섀드cn을 사용하여 멋진 대시보드를 빠르고 쉽게 만드는 방법을 소개합니다. 🚀
- 텐스택 스타트 CLI 명령어를 사용하여 프로젝트를 초기화하고, Tailwind와 ESLint를 선택합니다. 💻
- 섀드cn 대시보드 컴포넌트를 추가하여 필요한 모든 UI 요소를 설치합니다. ✨
- 섀드cn 문서에서 제공하는 코드를 복사하여 index 페이지에 붙여넣고, 필요한 import를 추가합니다. ✂️
- 루트 파일에서 기본 헤더를 제거하여 대시보드 레이아웃을 깔끔하게 만듭니다. 🧹
- 섀드cn 다크 모드 문서를 참고하여 테마 프로바이더를 설정하고, 불필요한 코드를 제거합니다. 🌙
- 모드 토글 컴포넌트를 생성하고 사이트 헤더에 추가하여 다크 모드 전환 기능을 구현합니다. 🔄
- 깃허브 저장소에서 전체 코드를 확인할 수 있으며, 다음 튜토리얼 주제에 대한 의견을 댓글로 남겨주세요. 📢