Building Our Project Components

So far, we haven’t done much in our Lark project. Let’s get back to it for a moment and build out some components we’ll use later in the project.

These components, for now, are presentational and won’t do much till later on. We will be using dummy data for these components until we learn about sourcing and querying for data in Gatsby. Also, the components will be implemented with minimal styling, with the styling done inline.

What we’ll build

These components include the header, footer, and a card component for our individual post item.

To view our implemented changes, let’s click the “Run” button below and open the link below the code.

Note: On a local server, we can fire up the server by running npm run start and visiting localhost:8000.