How to Build a Products Page with Filters in Next.js 15 (Shadcn + Nuqs)
- Next.js 15를 사용하여 반응형 상품 페이지 제작 및 필터 기능 구현 💡
- Shadcn과 Nuxt를 활용한 실제 API 연동 및 페이지네이션 기능 구현 🌐
- 다크 모드 지원 및 URL 매개변수 저장을 통한 결과 공유 기능 제공 🌙
- GitHub 저장소를 통한 코드 공유 및 상세한 개발 과정 설명 💻
- Next.js 애플리케이션 생성, 의존성 설치 및 컴포넌트 구현 단계별 시연 🧱
- 다크 모드 구현을 위한 Next Themes 사용 및 hydration error 해결 과정 소개 🛠️
- Platy API 연동을 통한 상품 데이터 가져오기 및 인터페이스 정의 🛍️
- 상품 카드 컴포넌트 생성 및 디자인 개선, 이미지 표시 및 스타일링 📸
- 상품 가격, 설명, 카테고리 배지 추가 및 레이아웃 조정을 통한 UI 개선 ✨
- 전반적인 디자인 개선 및 색상 테마 적용을 통한 시각적 완성도 향상🎨