Creating a Dynamic Navbar Shadow Effect

Continuing off from the previous video, in this video we learn how to create a dynamic navbar using the latest version of Next.js 13.4 and Tailwind CSS. In this tutorial, we will start with a fixed navbar and then transition it into a sticky navbar for a smoother user experience.
📚 Resources
- GitHub Repo: github.com/hqasmei/tailblocks...
- Demo: tailblocks-landing-page-templ...
- Next.js 13: nextjs.org/
- Tailwind CSS: tailwindcss.com/
- Tailblocks: tailblocks.cc/
👩‍💻 Let's Connect
Github: github.com/hqasmei
Twitter: / hqasmei
LinkedIn: / hosnaqasmei
⌛ Timestamps
00:00 Intro
00:25 Tutorial
05:41 End

[@TheEliteBeats]

Pretty good video, thank you

[@vadneydasilva230]

Hello Hosna, thank you so much for the contents, it really helps a lot. Please keep creating it... ✌

[@lsrgsrp]

Great Serie!

[@markamos5139]

Amazing tutor!

[@hqasmei]

Thanks!

[@mustafaqasemi1350]

It was great

[@thatsTrudeau]

@hqasmei First, awesome tutorial and thank you for putting this out! Secondly, I followed along and get the shadow in the header but it does not stick to the top. Any suggestions of why that might be?
EDIT: I figured it out. I had the wrapped in a so I think the header inherited the attributes. Once I removed the wrap, it worked. Thank you for the video!