GatsbyでHP作成その6：記事ページのURLディレクトリを変更

2022-03-18

Gatsby Starter Blogでは、ベースURL直下に投稿ページが作成されます。
https://ドメイン/記事slug/

これを、blogフォルダの下に記事を置くような感じにしたかったので試してみました。
https://ドメイン/blog/記事slug/

gatsby-node.jsを修正します。

exports.onCreateNode = ({ node, actions, getNode }) => {
  const { createNodeField } = actions

  if (node.internal.type === `MarkdownRemark`) {
    const value = createFilePath({ node, getNode })

    createNodeField({
      name: `slug`,
      node,
      value: `/blog${value}`,
    })
  }
}

createNodeFieldに渡す、valueがURLになるようです。