How To Build a Reusable Sidebar (Next.js, Shadcn ui)
Learn the fastest way to set up a proper sidebar in Next.js with Shadcn in this quick tutorial. This sidebar is fully responsive, and it's working both in light and dark mode.
Here is the repo if you want to take the sidebar:
https://github.com/TheOrcDev/sidebar
Next video to watch:
• 5 React UI Libraries You should know ...
⚔️ Join The Horde
Discord: / discord
Github: https://github.com/TheOrcDev
Some of the projects to check:
Connector: https://github.com/TheOrcDev/orcish-o...
AI Framework: https://github.com/TheOrcDev/orcish-a...
Orcish Admin: https://github.com/TheOrcDev/orcish-a...
00:00 Intro
00:28 Shadcn Installation
00:58 Admin Page
03:47 Mobile Nav
06:27 Sidebar
09:03 Upgrade
09:40 Light / Dark mode test
12:15 Outro
#webdevelopment #orcdev #shadcn #sidebar #mobileresponsive #react #nextjs #typescript
Watch video How To Build a Reusable Sidebar (Next.js, Shadcn ui) online without registration, duration hours minute second in high quality. This video was added by user Orc Dev 22 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,34 once and liked it 20 people.