market/gatsby-node.js

const path = require('path')
// const { config } = require('./src/config/ocean')

exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
    node: {
      // 'fs' fix for squid.js
      fs: 'empty'
    }
  })
}

exports.createPages = async ({ graphql, actions }) => {
  const { createPage } = actions

  // Create pages for all assets
  const assetDetailsTemplate = path.resolve(
    'src/components/templates/AssetDetails.tsx'
  )

  const result = await graphql(`
    query {
      allOceanAsset {
        edges {
          node {
            did
            main {
              type
              name
              dateCreated
              author
              license
              price
              datePublished
              files {
                contentType
                index
              }
            }
            additionalInformation {
              description
              deliveryType
              termsAndConditions
              access
            }
          }
        }
      }
    }
  `)

  if (result.errors) {
    throw result.errors
  }

  await result.data.allOceanAsset.edges.forEach(({ node }) => {
    const path = `/asset/${node.did}`

    createPage({
      path,
      component: assetDetailsTemplate,
      context: { did: node.did }
    })
  })
}

exports.onCreatePage = async ({ page, actions }) => {
  const { createPage } = actions
  // page.matchPath is a special key that's used for matching pages
  // only on the client.
  const handleClientSideOnly = page.path.match(/^\/asset/)

  if (handleClientSideOnly) {
    page.matchPath = '/asset/*'

    // Update the page.
    createPage(page)
  }
}