- Next.js 15를 사용하여 반응형 상품 페이지 제작 및 필터 기능 구현 💡
- Shadcn과 Nuxt를 활용한 실제 API 연동 및 페이지네이션 기능 구현 🌐
- 다크 모드 지원 및 URL 매개변수 저장을 통한 결과 공유 기능 제공 🌙
- GitHub 저장소를 통한 코드 공유 및 상세한 개발 과정 설명 💻
- Next.js 애플리케이션 생성, 의존성 설치 및 컴포넌트 구현 단계별 시연 🧱
- 다크 모드 구현을 위한 Next Themes 사용 및 hydration error 해결 과정 소개 🛠️
- Platy API 연동을 통한 상품 데이터 가져오기 및 인터페이스 정의 🛍️
- 상품 카드 컴포넌트 생성 및 디자인 개선, 이미지 표시 및 스타일링 📸
- 상품 가격, 설명, 카테고리 배지 추가 및 레이아웃 조정을 통한 UI 개선 ✨
- 전반적인 디자인 개선 및 색상 테마 적용을 통한 시각적 완성도 향상🎨
How to Build a Products Page with Filters in Next.js 15 (Shadcn + Nuqs)
Recommanded Videos
충격! 3D 실직 위기?! 무료 AI로 1초 만에 2D→3D 변신! 품질 속도 완벽! 무조건 해보세요 | Stability AI SF3D 메타버스 혁명 | 오후다섯씨
2024. 8. 4.
AI Agents: Architecture, Usecases & Future Applications
2025. 4. 20.
회의 효율 극대화: 컴퓨터 대신 이걸 가져가야 하는 이유
2024. 4. 14.
단위를 알 수 있는 변수명 사용하기
2025. 3. 18.
Event Capturing in Javascript (Interview Question)
2025. 6. 5.
2024 Event Recap | Flutter Heroes 2024
2024. 3. 28.