From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Start on the navbar

Start on the navbar - Next.js Tutorial

From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB

Start my 1-month free trial Buy for my team

Start on the navbar

“

All right, so we're gonna start on the navbar and there's gonna be quite a bit of code in this navbar component There's gonna be a lot of HTML and then we're gonna be adding authentication We're gonna show the number of messages and the little notifications number So it's it's gonna you know add up through time and even in this video. We're gonna add a lot of HTML now Since I know a lot of you guys don't like to copy a bunch of HTML or a bunch of code and then paste it and change a bunch of stuff, I've actually included a file with this section called navbar.jsx and it's the code up to the end of this video. So if you want, you can grab the code from there. If not, I'm going to go ahead and show you exactly what you need to copy from the theme files. All right, now before we do any of that, let's first create our component file. And the components folder, I'm going to put in the root. So we're going to create a folder called components. And you might see components in the app folder…

Contents