How can I use gatsby-source-filesystem to manage markdown files?

How can I use gatsby-source-filesystem to manage markdown files?

You can use gatsby-source-filesystem to source markdown files by adding it to your Gatsby config and specifying the path.

What do I need to install to get started?

You'll need to install Gatsby, gatsby-source-filesystem, and gatsby-transformer-remark to process markdown.

Can you show me a sample configuration?

Sure! In your gatsby-config.js, you would add:

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'markdown',
        path: `${__dirname}/src/markdown/`,
      },
    },
    'gatsby-transformer-remark',
  ],
};

How do I query the markdown data in GraphQL?

You can query it using GraphQL like this:

query {
  allMarkdownRemark {
    edges {
      node {
        frontmatter {
          title
        }
        html
      }
    }
  }
}