Responsive Side Navigation Bar in Next.js & TailwindCSS | Dashboard Sidebar Menu
HTML-код
- Опубликовано: 27 май 2022
- In This Tutorial, we are going to build a Responsive Side Navigation in Next.js & TailwindCSS from scratch step by step. In this, we will learn about smooth side navigation bar, pixel-perfect layout, and many more.
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:
Starter-Kit: github.com/Streamline6/starte...
🔗 Project Source code (give it a star ⭐):-
github.com/Streamline6/Respon...
📁 Assets
Icons: react-icons.github.io/react-i...
🔔 Support me, Subscribe for more!
/ streamline13
😊 Follow Me:
Instagram: / stream_line6
Twitter: / stream_line6
💼 Business Inquiries:
E-mail: webstreamline13@gmail.com
🙏🏻 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#nextjs #tailwindcss #nikstreamline
Thank you bro. It's really good 🤩
Thank you bro
nice bro , thanks , next + tailwind
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
Thank you very much bro, really a good tutorial
Glad it helped 😊😊
Disclosure seems not to be working on my end😢
If I need to have dropdowns menus, How i will set this
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. 😞
Thanks mate..really a good tutorial..only one issue transition is not working in Safari browser..is the transition used in classes supports safari?
Yes, it is
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
any tutorial for add every page ?
Hello Worlds , my name Dem
Hello dem, I am Nik :)
Your code not working on iPad mini and surface pro 7 :(((
To fix: