gatsby-config.js

'use strict'

const { flatten } = require('lodash')
const proxy = require('http-proxy-middleware')

// Environment variables prefixed by "GATSBY" are accessible in src/ files
process.env.GATSBY_ACTIVE_ENV =
  process.env.GATSBY_ACTIVE_ENV || process.env.NODE_ENV

module.exports = {
  siteMetadata: {
    title: `SparkPost Developers`,
    description: `SparkPost developer resources including documentation, API reference, and client libraries.`,
  },
  developMiddleware: app => {
    app.use(
      '/.netlify/functions/',
      proxy({
        target: 'http://localhost:9000',
        pathRewrite: {
          '/.netlify/functions/': '',
        },
      })
    )
  },
  plugins: flatten([
    process.env.GATSBY_ACTIVE_ENV !== 'docs'
      ? [
          {
            resolve: `gatsby-plugin-page-creator`,
            options: {
              path: `${__dirname}/content/pages`,
            },
          },
        ]
      : [],
    process.env.GATSBY_ACTIVE_ENV === 'publish'
      ? [
          {
            resolve: `gatsby-plugin-algolia`,
            options: {
              appId: 'SFXAWCYDV8',
              apiKey: process.env.ALGOLIA_TOKEN,
              queries: [
                require('./algolia/apiReference'),
                require('./algolia/momentum'),
              ],
            },
          },
        ]
      : [],
    `gatsby-transformer-json`,
    `gatsby-transformer-api-blueprint`,
    `gatsby-source-sparkpost-api`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `content`,
        path: `${__dirname}/content/`,
      },
    },
    {
      resolve: `gatsby-plugin-styled-components`,
      options: {
        displayName: true,
      },
    },
    // Google Analytics, HotJar, etc. are added through GTM
    {
      resolve: `gatsby-plugin-google-tagmanager`,
      options: {
        id: 'GTM-WN7C84',
        includeInDevelopment: false,
      },
    },
    {
      resolve: `gatsby-plugin-nprogress`,
      options: {
        color: `#fa6423`,
        showSpinner: false,
      },
    },
    `gatsby-plugin-netlify-cache`,
    `gatsby-plugin-lodash`,
    `gatsby-plugin-react-helmet`,
    {
      resolve: `gatsby-plugin-netlify`,
      options: {
        headers: {
          // Disable cache for Gatsby's default service worker file path
          // suggested by https://www.netlify.com/blog/2018/06/28/5-pro-tips-and-plugins-for-optimizing-your-gatsby---netlify-site/
          '/sw.js': ['Cache-Control: no-cache'],
        },
      },
    },
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              // It's important to specify the maxWidth (in pixels) of
              // the content container as this plugin uses this as the
              // base for generating different widths of each image.
              maxWidth: 1000,
            },
          },
        ],
      },
    },
  ]),
}