Problem

---

I needed a place to showcase the projects I work on, which on it own is a straightforward task. However, I'd recently been learning React and decided to utilize this project as an exercise with it.

Objectives

---

🗂️ Create a site to display information about my projects

📊 Build with Gatsby to dynamically build project pages

🗄️ Serve the site content with Netlify CMS

How it works

---

The bulk of the site is built from simple components that are fed in data from Netlify CMS. The pieces of content for the Home, About, and Contact pages are all configured in a collection of Markdown and JSON files in the CMS.

Projects are defined in Markdown files that are also supplied to Gatsby. The project list page queries all of the Markdown files and builds a card for each project.

When navigating to the project details page (like this one!), Gatsby finds the project file with the corresponding slug and pulls all the data required to fill out the page.