Create and Edit a List Component to Match Design Guidelines in Next.js 13

Now that we have data displayed on our home page, let's display that data in a more user-friendly format.

We have a List component from our template that maps over the data and displays titles that match the design of the site but we can modify this to give a preview of the post.

We'll truncate the summaries, reformat dates, and style the component to achieve a more cohesive look.