Скачать или смотреть Next JS Responsive Navbar (using tailwind CSS)

GET THIS CODE:
👉 https://ko-fi.com/s/d7bfa4bb01

In this video I will walk you through de process of creating a fully responsive navbar using nextjs 13.4, reactjs and tailwind css.

We will also do a bit of nextjs routing (app folder) in this project.

This is a react 18 component that you will need for the majority of your projects.

In case you don't know yet you will also learn a bit about react hooks (useState) and how to use react icons for the UI icons.

Just open VSCode and code along :)
It's worth it!

Enjoying my content so far?
👉 Consider making the channel a kind donation: https://ko-fi.com/thejavascriptway

CHAPTERS:
0:00 - Project intro
2:01 - Project setup
3:05 - Routing (creating the pages)
7:10 - Globals.css file (add custom google font & remove the browser's scrollbar)
8:29 - Build the Navbar (reactjs 18 custom component)
21:31 - Larger screens navigation
33:09 - Smaller screens navigation (icons)
38:30 - Smaller screens navigation (navbar & navlinks)
49:32 - Smaller screens navigation (buttons)
53:50 - Testing fixed navbar (inside the contact page)

Consider becoming a sub :)

GET THIS CODE:
👉 https://ko-fi.com/s/d7bfa4bb01