This introductory step is just importing a series of Tina related methods, like useTina and client. Aswell as relevant helper methods.

Using the Next.js method for fetching data at build time. Specifically using the Tina generated `client.queries` function to grab the relevant gql query. Returning it in a format the useTina hook can read.

Grabs all the .json files and maps each corresponding slug (based on file name) to serve as the URL parameter of each page.

Our custom useTina hook is used to fetch and manage the TinaCMS data for live and contextual editing.

Another component used to actual render the data based on the structure type that the data comes in from