Responsive Side Navigation Bar in Next.js & TailwindCSS | Dashboard Sidebar Menu

You can continue parallel with me for a better understanding of the web concepts & uplift your design/dev skills up to the next level in a short span of time.✌🏻

📚 Materials/References:

🔗 Project Source code (give it a star ⭐):-

📁 Assets

🔔 Support me, Subscribe for more!

😊 Follow Me:

💼 Business Inquiries:

🙏🏻 Thanks for watching!
Make sure to like + Subscribe For More! ❤

#nextjs #tailwindcss #nikstreamline

[Deus-lo-Vuilt]

nice bro, thanks, next + tailwind <3

[sureshb]

Thank you bro. It's really good 🤩

[ShineDoraOfficial]

Thank you very much bro, really a good tutorial

[kmb]

Very nice mate!⭐ I'm also having issues on mobile though. Working fine simulating a phone in the browser but Disclosure is not working in actual mobile device

[timmapuramreddy]

Thanks mate..really a good tutorial..only one issue transition is not working in Safari browser..is the transition used in classes supports safari?

[treydonovan]

I'm also having trouble with it on mobile, iOS, specifically. I tried updating headlessUI and adding the headlessUI plugin to my tailwind, but nothing works. 😞

[jabbarrefaghatjoo]

This is super cool, I have a wordpress website, i always use plugin in my website because I don't have experience in html, css, javascript, does anyone know how can I add this beautiful side menu to my website

[faizz]

If I need to have dropdowns menus, How i will set this

[victoragese]

Disclosure seems not to be working on my end😢

[leonardoncintra]

Your code not working on iPad mini and surface pro 7 :(((
To fix:

<GiHamburgerMenu className="block lg:hidden h-6 w-6" />