Gatsby: where the layout is used?

[Steffi3rd]

Hi,

I'm using the starter gatsby-contentful-starter and I'm trying to understand the project.
I came to this question. Where the layout is called?
I have a layout folder with index.js.

I think the main page is pages/index.js, right? So it's the main entry?
But in this page, layout is not called anywhere.

So where is it call?

In fact, I would like to add a lang attribute to the layout.

[kakadiadarpan]

@Steffi3rd gatsby-contentful-starter uses Gatsby v1. The layout component is wrapped around the outside of the page component, which, in pseudo-code, looks something like this:

<Root>
  <Layout>
    {/* layout is not affected when the page template changes */}
    <PageElement>{/* page content here */}</PageElement>
  </Layout>
</Root>

On a side note, please always provide environment information by running gatsby info --clipboard. That makes it easier for us to help you out in figuring out issues or answering your questions.

[jonniebigodes]

@Steffi3rd as the starter was created with v1 of gatsby, here are some docs to help you figuring out the library. These are outdated as the way layouts are used in the current released version. But nonetheless will point you in the right direction on how everything is wired up and get you started on learning how to develop using gatsby.

[Steffi3rd]

Thanks! So I switched to Gatsby V2 ^^