🔴 Responsive Agency Website In Next.JS from scratch

In This Tutorial we are going to build Responsive Agency Website In Next.Js using Tailwindcss from scratch step by step. In this we are going to learn smooth navigation bar, pixel perfect layout and many more. Also, with lofi music enjoy your coding journey ✌
📚 Materials/References:
👨‍💻 Project Starter (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...
Images: www.freepik.com/home
🔔 Support me, Subscribe for more!
/ streamline13
😊 Follow Me:
Instagram: / stream_line6
Twitter: / stream_line6
💼 Business Inquiries:
E-mail: [e-mail]
Time Stamps 👇
00:00 - Introduction
00:08 - Project Overview
02:15 - Project Setup
02:26 - Navigation Bar
21:16 - Home Page
27:46 - Clients Page
30:00 - Services Page
37:14 - Press/News Page
43:28 - Contact Page
48:37 - Footer
🙏🏻 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#Nextjs #Responsivewebsite #tailwindcss

[@MazinMMagid]

Please include things like set position to sticky and transitioning from a page to page with the navbar itself be more specific

[@MazinMMagid]

16:03 when I run the server it gives me an error Hydration failed because the initial UI does not match what was rendered on the server. how can I solve it please help

[@amiranwar1870]

how to put a transition from headlessUi? i tried to put the transition just as example in headless webssite but nothing change. hope anybody can help me

[@Streamline13]

Yes, because tailwind come up with new updation that's why some tags are not working properly like transition on react project. But if you are using vue then it worked. If you really want to use transition on react project then you can use material ui it's a react library for better transitions.