Back to Browse

Build a Responsive Side Navbar w/ Submenu using Next.js 13 and Tailwind CSS

76.4K views
Oct 8, 2023
20:49

Learn to Responsive Side Navigation with Submenu dropdowns using Next.js 13 and Tailwind CSS in this tutorial. I'll explain each section of the code, highlighting key components, and provide insights on how everything works together to create the side nav. 📚 Resources - GitHub Repo: https://github.com/hqasmei/youtube-tutorials/tree/main/side-nav-with-submenus - Icon Library: https://icon-sets.iconify.design/ 👩‍💻 Let's Connect - Discord: https://discord.gg/dtPaNWqBNx - Github: https://github.com/hqasmei - Twitter: https://twitter.com/hqasmei - LinkedIn: https://www.linkedin.com/in/hosnaqasmei/ ⌛ Timestamps 00:00 Intro 00:19 Prerequisites 03:19 Routes 05:17 Header 14:50 Side Nav 20:24 End

Download

1 formats

Video Formats

360pmp433.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Build a Responsive Side Navbar w/ Submenu using Next.js 13 and Tailwind CSS | NatokHD