Tech Blog

最近の開発
2023-09-14
建築マップ Gatsby

🙃GatsbyでDynamic Root

結論から言うと、Dynamic rootは404が初期表示で出てしまい、出来ませんでした。

成果

建築マップ | 飛騨一宮水無神社
飛騨一宮水無神社
title
https://app.kenchiku.trade
title

解決

gatsby-node.tsを作り、そこでcreatePageするで完成 

result.data.allMarkdownRemark.edges.forEach((edge: any) => {
    createPage({
      path: `/card/${edge.node.frontmatter.ID.number}`,
      component: path.resolve(`src/templates/card/index.tsx`),
  })

建築マップ Gatsby