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 about...
⚔️ 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