From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Unlock this course with a free trial

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

Section intro

Section intro - Next.js Tutorial

From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Start my 1-month free trial Buy for my team

Section intro

“

So, in this section, we're going to be doing quite a few things. First, we're going to use ShadCN and create a draw component. And a draw is just like a slide-out menu, so they'll click on the button which will be to the left of the logo and then it'll open and they can choose the category. Alright, then we want to create a featured product carousel, so any product that's marked is featured and has a banner, that banner will be put in the carousel and there'll be some arrow icons that we can click to scroll through the banners. Alright, next we're going to work on search and filtering. We're going to create the search form in a component and put it in the header. Right now there is an input, but it's just hardcoded. And then we want to create the search page that the form will submit to and we'll get any search params from the URL like category, query, and sort. All right, then we want to take those values and use them in an action to apply the filters and get back what we should…

Contents