Contentful Project Configuration

Configuration Steps

1. Retrieve Contentful API keys from the UI.

   1. CONTENTFUL_SPACE_ID="YOUR_SPACE_ID"
      CONTENTFUL_ACCESS_TOKEN="YOUR_CONTENTFUL_CONTENT_DELIVERY_API_KEY"

   2. Implement the API Keys in project.

   3. This code sample shows the connection to Contentful’s GraphQL API, and how we can access the our space by providing those API keys.

      1. async function fetchGraphQL(query, preview = false) {
           return fetch(
             `https://graphql.contentful.com/content/v1/spaces/${process.env.CONTENTFUL_SPACE_ID}`,
             {
               method: "POST",
               headers: {
                 "Content-Type": "application/json",
                 Authorization: `Bearer ${
                   preview
                     ? process.env.CONTENTFUL_PREVIEW_ACCESS_TOKEN
                     : process.env.CONTENTFUL_ACCESS_TOKEN
                 }`,
               },
               body: JSON.stringify({ query }),
             }
           ).then((response) => response.json());
         }