Live Code: Book Tracking Astro App
- Astro, Open Library API, Tailwind CSS, Vercel DB를 활용한 비동기 라이브 코딩 방식의 책 추적 앱 개발 프로젝트입니다. 📚
- Open Library API는 무료이며 API 키가 필요 없어 초기 개발에 적합한 데이터 소스로 활용됩니다. 🆓
- 개발 스택은 Astro 프레임워크, Tailwind CSS, Vercel DB로 구성되며, 일부 UI 컴포넌트에는 React 사용이 고려됩니다. 🚀
- Starwind UI (Shadcn UI 기반)를 활용하여 카드, 입력 필드, 스켈레톤 등 미리 만들어진 컴포넌트를 통합하여 개발 속도를 높입니다. ✨
- 프로젝트 초기 설정에는
pnpm create astro@latest, Vercel, Tailwind, DB 통합 및 Biome 린터/포맷터 설정이 포함됩니다. ⚙️
- 애플리케이션의 헤더 역할을 하는
Nav.astro 컴포넌트를 생성하여 'My Book Tracker' 로고와 내비게이션 링크를 구현합니다. 📖
- 여러 UI 라이브러리(Starwind, Shadcn) 통합 시 발생할 수 있는 잠재적 충돌이나 수동 설정 필요성에 대해 언급합니다. ⚠️
- 로딩 애니메이션을 위한 '스켈레톤' 컴포넌트와 읽은 책 목록을 위한 '테이블' 컴포넌트 사용 등 향후 UI/UX 개선 계획을 제시합니다. 💡
- Open Library API의 검색 기능을 탐색하며 저자 및 제목 검색을 앱의 시작점으로 활용할 계획을 세웁니다. 🔍
- Tailwind를 사용하여 컨테이너, 패딩, 내비게이션 바 배경색 등 기본적인 전역 스타일링을 적용하며, 기능 중심의 디자인 접근 방식을 보여줍니다. 🎨