Adding Markdown Pages to Gatsby static website

One of my customers wanted to post their announcements on the website. My friend and I wanted to try Notion as Headless CMS and Gatsby as the static website generator. We chose Gatsby as we are relatively comfortable with react.

To add Markdown support, you need to install two plugins.

• gatsby-source-filesystem

• gatsby-transformer-remark

With gatsby-source-filesystem, you read files from the file system and with gatsby-transformer-remark, you convert the markdown file to HTML.

yarn add gatsby-source-filesystem
yarn add gatsby-transformer-remark