From the course: Next.js: Creating and Hosting a Full-Stack Site

Unlock this course with a free trial

Join today to access over 24,500 courses taught by industry experts.

Challenge: Creating a navigation bar

Challenge: Creating a navigation bar - React.js Tutorial

From the course: Next.js: Creating and Hosting a Full-Stack Site

Start my 1-month free trial Buy for my team

Challenge: Creating a navigation bar

“

(upbeat music) - [Speaker] All right, so now that we've got most of the front-end of our application completed, it's time for you to do a challenge. Now, just as a reminder, if you want your app to look the way that you see it right here, you're going to need to just get the styled components from the starting code for this video. So at this point, we've completed most of the pages of our application, but one thing that's still a little bit cumbersome is that if we want to navigate back to, let's say the product list page from the product detail page, we actually have to go and hit back. And if we want to get to the shopping cart page or the checkout page, there's no way to do that yet, right? So your challenge here is going to be to add a nav bar to this application. And in case you think that this is going to involve adding it to all the pages individually, the good news is that it won't. You see, if we go back to next js, our next js application, remember that for all of our pages,…

Contents