데브허브 | DEVHUB | Build A Complete E-Commerce Website (Next.js 15)

Next.js 15에서 Dock Mode 구현 방법은 공식 문서(nextthemes)를 참조하세요. ✨
nextthemes 패키지의 ThemeProvider는 이제 클라이언트 컴포넌트이므로 별도의 테마 프로바이더를 만들 필요가 없습니다. 🔧
rootLayout.tsx 파일에서 ThemeProvider를 사용하여 전체 레이아웃을 테마 적용. 🎨
ThemeProvider의 컨피규레이션에서 attribute prop을 사용하여 HTML 태그에 클래스 추가. 🧑‍🎨
defaultTheme을 system으로 설정하여 시스템 설정과 동기화. 💻
enableSystem을 true로 설정하여 사용자 시스템 테마 적용. 📱
사용자 인터페이스에 테마 변경 버튼(Theme toggle button) 추가. 🕹️
useTheme hook을 사용하여 현재 테마 정보와 변경 함수 액세스. 🪝
Light, Dark 및 System 테마 버튼을 만들어 테마를 간편하게 변경 가능. 🌈
Collection 페이지 네비게이션 구현 및 변경된 페이지에 해당하는 부분만 재로드. 📑

로딩 중...