How to Create Dark Mode in Nextjs Tutorial

Опубликовано: 01 Январь 1970
на канале: How to Web Dev
559
20

In this video, you will learn how to create a dark mode for your next.js project using next-themes, shadcn, and tailwindcss. I hope you find it helpful and enjoy it.

Source Code: https://buymeacoffee.com/howtoweb/e/3...

Nextjs: https://nextjs.org/
shadcn: https://ui.shadcn.com/
react-icons: https://react-icons.github.io/react-i...
Next-themes: https://www.npmjs.com/package/next-th...

🔔 Subscribe For More @HowtoWebDev
-------------------------------------------------------------------

Check Out My Other Videos:    • Build and Deploy Animated Portfolio W...  

   • How to Create a React Frontend + Expr...  

   • How to Create a Multiple Page Navbar ...  

   • Build a Quiz App with React and Tailw...  

   • Simple Personal Portfolio Website wit...  

   • React Tabs with Tailwind Tutorial  

   • Responsive Portfolio Website with Dar...  

   • Build A React Portfolio Website With ...  

   • React Social Media App Design with Da...  

   • Build a Modern Portfolio Website with...  

@HowtoWebDev
-------------------------------------------------------------------
#html #css #javascript #darkmode #cv #cvwebsite #resume #cvresume #react #tailwind #tailwindcss #learncss #website #cssanimation #csseffect #webdesign #webdevelopment #howtowebdev #responsive #responsivedesign #webdeveloper #portfoliodesign #gradient #cssdesign #csswebdesign #portfoliowebsite #portfolio #portfoliodesign #portfoliotutorial #modernportfolio #simpleportfolio #minimalportfolio #personalportfolio #responsiveportfolio
-------------------------------------------------------------------

#portfolio,#website,#personalportfolio,#htmlcsstutorial,#htmltutorial,#htmlcssjavascript,#htmlcssjs,#htmlcssjavascriptuttorial,#webdesign,#webdevelopment,#howtowebdev,#responsivepersonalportfolio,#buildapersonalportfolio,#websitedesign,#responsivedesign,#responsivewebsite,#responsivehtmlcss,#responsiveportfolio,#learncss,#htmlcss,#tutorial,#webtutorial,#react,#tailwind,#portfoliotutorial,#portfoliodesign,#modernportfolio,#webdeveloper,#webdev,#tailwindcss,#reactproject,#reactbeginner,#learnreact