text: /**
   * Configure your Gatsby site with this file.
   *
   * See: https://www.gatsbyjs.com/docs/gatsby-config/
   */
  require("dotenv").config({
    path: `.env.${process.env.NODE_ENV}`,
  })
  
  module.exports = {
    /* Your site config here */
    siteMetadata: {
      title: "Simply Recipes",
      description: "Nice and clean recipes site",
      author: "@RayHan",
      person: { name: "john", age: 32 },
      simpleData: ["item 1", "item 2"],
      complexData: [
        { name: "john", age: 32 },
        { name: "susan", age: 21 },
      ],
    },
    plugins: [
      `gatsby-plugin-styled-components`,
      `gatsby-plugin-image`,
      `gatsby-plugin-sharp`,
      `gatsby-transformer-sharp`,
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `images`,
          path: `${__dirname}/src/assets/images`,
        },
      },
      {
        resolve: `gatsby-source-contentful`,
        options: {
          spaceId: `740qtsorfrnt`,
          // Learn about environment variables: https://gatsby.dev/env-vars
          accessToken: process.env.CONTENTFUL_ACCESS_TOKEN,
        },
      },
      {
        resolve: `gatsby-plugin-webfonts`,
        options: {
          fonts: {
            google: [
              {
                family: "Montserrat",
                variants: ["400"],
              },
              {
                family: "Inconsolata",
                variants: ["400", "500", "600", "700"],
              },
            ],
          },
        },
      },
      `gatsby-plugin-react-helmet`,
    ],
  }
  