Search⌘ K

Listing Profiles on the Home Page

Explore how to build a ProfileCard component to display user profiles on the home page. This lesson guides you through fetching profiles from an API, rendering them dynamically, and handling navigation to individual profile pages.

Before building the pages and components to display user information and allow user information modification, we need to add a component to list some profiles on the home page like so:

Listing profiles
Listing profiles

The ProfileCard component

We’ll follow the below steps to add the component for listing profiles on the home page.

Step 1

In the src/components file, create a new directory called profile ...