Next.js Crash Course 2024 Part 2: Building Top Navigation with Shadcn UI and Tailwind
Coding After Thirty
Building Top Navigation with Shadcn UI, Tailwind & Next.js. Course notes: https://www.codingafterthirty.com/dashboard/next-js-crash-course-2024/building-top-navigation-in-next-js
Welcome back to our Next.js Crash Course! 🚀 In this video, we dive into building a responsive top navigation bar for our Next.js application, complete with a mobile menu.
In this Next.js crash course , we will continue on our coding journey. We will take a look on how to create a top navigation bar in a Next.js application using Shadcn UI components.
If you are just learning to code, or want to build web apps with Next.js, this video is for you.
Key Points:
- Creating a Top Navigation: Learn to implement a top navigation bar using Next.js server and client components.
- Using Pre-built Components: Explore ShadCN UI and ReWeb page builder to speed up development.
- Building Dynamic Navigation: Use Next.js client-side components for dynamic behavior, like a responsive mobile menu.
- Fetching Data from a Headless CMS: A sneak peek at using Strapi to manage dynamic navigation data.
We'll cover all the code snippets and provide templates, so you can focus on learning.
If you have any questions let me know in the comments. Happy coding! 😊 ... https://www.youtube.com/watch?v=yaS0U2p_zBQ
94703276 Bytes