Next js 14 Tutorial - Sticky Navbar on Scroll With Tailwind CSS

Опубликовано: 02 Ноябрь 2024
на канале: dorinelJs
11,607
115

Hey everyone, and welcome to my channel! Today, we're going to learn how to create an on scroll fixed header with Tailwind in Next.js. This is a common design pattern that you see on many websites, and it's relatively easy to implement.

0:00 - Install Next.js application
1:32 - Creating a Nav Components
4:52 - Add some information
9:12 - useState()
9-25 - create Arrow function

🔥 My Website : 🔥
👉 https://thegreatdevshow.store/

My Social Meida
👉 Instagram :

/ dorinel.js
👉 x:

/ dorinelrushi
----------------------------------------------------------------------------------------------------------
📩 Hire Me
👉 Fiverr : https://www.fiverr.com/share/Y6kPVp


#nextjs14 #tailwindcss #learnnextjs