gatsby-source-product-markdown

gatsby-source-product-markdown

A Gatsby source plugin for product markdown files.

Install

With npm:

npm install --save gatsby-source-product-markdown

With Yarn:

yarn add gatsby-source-product-markdown

Implement

Basic usage:

// ./gatsby-config.js
module.exports = {
	plugins: [
		'gatsby-source-product-markdown'
	]
}

With custom options:

// ./gatsby-config.js
module.exports = {
	plugins: [
		{
			resolve: 'gatsby-source-product-markdown',
			options: {
				path: './src/markdown/products/**/*.md'
			}
		}
	]
}

Usage

export const pageQuery = graphql`
	query ProductById($id: String!) {
		productMarkdown(productId: { eq: $id }){
			id
			name
		}
	}
`

Notes

• Product variants will be automatically unpacked.
• When querying your data, the id property will be changed to productId to differentiate between the product ID that's in your markdown file and the ID that GraphQL uses.