text: require("dotenv").config({ path: `.env.${process.env.NODE_ENV}` })
  
  const siteMetadata = {
    title: "Chakra UI",
    titleTemplate: "%s - Chakra UI",
    description:
      "Simple, Modular and Accessible UI Components for your React Applications.",
    siteUrl: "https://chakra-ui.com",
    repository: "https://github.com/chakra-ui/chakra-ui",
    image:
      "https://res.cloudinary.com/adebayosegun/image/upload/v1567591645/Chakra%20UI/og-image.png",
    twitter: {
      username: "@chakra-ui",
      image:
        "https://res.cloudinary.com/adebayosegun/image/upload/v1567591645/Chakra%20UI/twitter-og-image.png",
    },
  }
  
  module.exports = {
    siteMetadata,
    plugins: [
      {
        resolve: `gatsby-plugin-layout`,
        options: {
          component: require.resolve("./src/components/layout"),
        },
      },
      `gatsby-plugin-emotion`,
      `gatsby-plugin-chakra-ui`,
      `gatsby-plugin-lodash`,
      {
        resolve: `gatsby-plugin-mdx`,
        options: {
          gatsbyRemarkPlugins: [
            {
              resolve: `gatsby-remark-autolink-headers`,
              options: {
                icon: false,
              },
            },
          ],
        },
      },
      "gatsby-plugin-catch-links",
      "gatsby-plugin-react-helmet",
      {
        resolve: `gatsby-plugin-react-helmet-canonical-urls`,
        options: {
          siteUrl: siteMetadata.siteUrl,
          noTrailingSlash: true,
        },
      },
      `gatsby-plugin-remove-trailing-slashes`,
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `images`,
          path: `${__dirname}/src/images`,
        },
      },
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `docs`,
          path: `${__dirname}/docs`,
        },
      },
      {
        resolve: `gatsby-source-filesystem`,
        options: {
          name: `guides`,
          path: `${__dirname}/guides`,
        },
      },
      "gatsby-transformer-sharp",
      "gatsby-plugin-sharp",
      {
        resolve: `gatsby-plugin-manifest`,
        options: {
          name: "Chakra UI",
          short_name: "Chakra UI",
          start_url: "/",
          background_color: "#000000",
          theme_color: "#319795",
          display: "minimal-ui",
          icon: "../logo/logomark-colored@2x.png", // This path is relative to the root of the site.
        },
      },
      {
        resolve: "gatsby-plugin-google-tagmanager",
        options: {
          id: "GTM-PLT3CZ5",
          includeInDevelopment: false,
          defaultDataLayer: { platform: "gatsby" },
        },
      },
    ],
  }
  