From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Unlock this course with a free trial

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

Polishing a Next.js component with styling

Polishing a Next.js component with styling

From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Start my 1-month free trial Buy for my team

Polishing a Next.js component with styling

“

Okay, so let's polish this homepage. You know, wouldn't you rather walk into a home that has a nice facade, brick, newly laid out curb factor, beautiful trees, whatever, bushes that have been cut to make a statue of your face. I don't know. Anyway, let's just get this homepage looking nice and shiny. So we want to have these link components. First of all, you can't go anywhere. So let's go back into our code and let's move back to our index code. So that would be here in our pages and index at the top over here. And let's bring in the two things here. Oh, well, so we got next link. We're just not using it anymore. So we'll bring that back. And let's also bring in the date formatting. So we're going to import date from components. And that would be date. And at the bottom of the home component, where we have our lists and we're listing items here, let's modify this code. So right now our title isn't anything, it's just a title. So why don't we wrap it in a link that would then link…

Contents