[Gatsby Router] Create Pages At Build Time Using Static Navigation Component Programmatically

[wakaztahir]

When I use Gatsby I want to generate pages statically and I have to write them individually by creating files
The benefit of react is however to use state and change content dynamically

Let's say this component exists in a file Parent.tsx in pages folder , so the path will be /parent , In this case gatsby will create two pages

That renders first and second child with path /parent/first-child and /parent/second-child respectively

export function MyComponent() {
  return (
  <GatsbyNavigationContainer>
      <GatsbyPage pathsegment="first-child">
          <FirstChild />
      </GatsbyPage>
      <GatsbyPage pathsegment="second-child">
          <SecondChild />
      </GatsbyPage>
  </GatsbyNavigationContainer>
  )
}

My question is can this be done , This will make Gatsby navigation so much easier and so much better

With nested navigation , This will get complex and supporting it is necessary too

[wakaztahir]

found something https://www.gatsbyjs.com/docs/reach-router-and-gatsby/