CodeSnaps
подписчиков: 917
Dark mode has become a popular feature on websites, and we'll explore a simple yet scalable solution for your React/Next.js app using Sass 🔥
📚 Materials/References:
Full Repository: github.com/CodeSnaps/theme-to...
Sass Code: github.com/CodeSnaps/theme-to...
👨🏻💻 Here's what you'll learn:
- Implement a dark mode toggle
- Create a Next.js 13 app with the latest features (app router)
- Implement and use Sass
- Use custom hooks and React Context
- Apply the theme anywhere in your app
👇 Timestamps:
00:00 Intro and Installation
00:50 Sass Setup
01:30 Toggle Button
02:49 Complete Toggle Button
03:10 Theme React Context
04:21 Wrap Theme Context
05:00 Card Component
05:49 Finished Project
Комментарии