Live Code: Recipe Application with Astro (Web Dev Daily)
- Astro를 핵심으로 레시피 애플리케이션을 개발하며, Content Collections를 활용해 외부 API에서 레시피 데이터를 동적으로 가져옵니다. 🚀
- Tailwind CSS로 스타일링 속도를 높이고, AI 도구 Cursor를 사용하여 개발 생산성을 향상시키지만, Astro 특정 문법에서 Cursor의 한계를 경험하기도 합니다. 💡
- 레시피 체크오프 기능을 위해 세션 스토리지를 활용할 계획이며, Netlify 어댑터와 Astro 이미지 컴포넌트 등 개발 환경을 최적화합니다. 🛠️
zod를 이용한 스키마 정의와 ID 타입 변환 등 데이터 처리 과정을 상세히 다루며, 개발 중 발생하는 오류를 해결하는 과정을 보여줍니다. 🐛
- 스플릿 키보드 사용 여부와 같은 개인적인 개발 도구 선택에 대한 고민을 공유하며, 효율적인 코딩을 위한
src 별칭 설정 등을 진행합니다. 🧑💻
데브허브 | DEVHUB | Live Code: Recipe Application with Astro (Web Dev Daily)