gatsby-config.js

const path = require(`path`)
require('dotenv').config({path: `./.env`});

module.exports = {
  siteMetadata: {
    title: `CSX`,
    description: `CSX`,
    siteUrl: 'https://csx.com/', // Site domain. Do not include a trailing slash! If you wish to use a path prefix you can read more about that here: https://www.gatsbyjs.org/docs/path-prefix/
    author: 'Cossette', // Author for RSS author segment and SEO schema
    authorJob: `Front-end Developer`,
    copyright: 'Copyright © 2019 CSX', // Copyright string for the RSS feed
    //image_url: `${config.siteUrl}${config.siteLogo}`,
    userTwitter: '@csx', // Change for Twitter Cards
    shortTitle: 'CSX', // Used for App manifest e.g. Mobile Home Screen
    shareImage: '${__dirname}/images/share.jpg', // Open Graph Default Share Image. 1200x1200 is recommended
    shareImageWidth: 900, // Change to the width of your default share image
    shareImageHeight: 600, // Change to the height of your default share image
    siteLogo: '', // Logo used for SEO, RSS, and App manifest
    backgroundColor: '#2e49ce', // Used for Offline Manifest
    themeColor: '#2e49ce', // Used for Offline Manifest
  },
  plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-styled-components`,
    {
      resolve: `gatsby-plugin-sass`,
      options: {
        data: '@import "src/styles/global.scss";',
        includePaths: [
          'src/styles',
        ],
      },
    },
    {
      resolve: `gatsby-plugin-nprogress`,
      options: {
        // Setting a color is optional.
        color: `#2e49ce`,
        // Disable the loading spinner.
        showSpinner: true,
      },
    },
    `gatsby-transformer-json`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: path.join(__dirname, `src`, `images`),
      },
    },
    {
      resolve: 'gatsby-source-contentful',
      options: {
        spaceId: `${process.env.CONTENTFUL_SPACE_ID}`,
        accessToken: `${process.env.CONTENTFUL_ACCESS_TOKEN}`,
      },
    },
    `@contentful/gatsby-transformer-contentful-richtext`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `src`,
        path: `${__dirname}/src`,
      },
    },
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: process.env.GOOGLE_ANALYTICS,
        head: true,
      },
    },
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `CSX`,
        short_name: `CSX`,
        start_url: `/`,
        background_color: `#2e49ce`,
        theme_color: `#2e49ce`,
        description: `Ship for less`,
        display: `minimal-ui`,
        lang: `en-US`
        //icon: ``, // This path is relative to the root of the site.
      },
    },
    // this (optional) plugin enables Progressive Web App + Offline functionality
    // To learn more, visit: https://gatsby.app/offline
    `gatsby-transformer-remark`,
    'gatsby-plugin-offline',
  ],
}