gatsby-config.js

var path = require("path");
var { createProxyMiddleware } = require("http-proxy-middleware");
// Load any configured environment-specific variables.
require("dotenv").config({
  path: `.env.${process.env.NODE_ENV}`
});

module.exports = {
  siteMetadata: {
    title: "Daniel Brady",
    description: "my own little slice of the internet",
    siteUrl: "https://daniel13rady.com/",
  },

  /* NOTE(dabrady) Uncomment to avoid CORS issues if ever developing Netlify functions locally */
  /* @see https://www.gatsbyjs.org/docs/api-proxy/#advanced-proxying */
  // developMiddleware: function proxyNetlifyLambdas(app) {
  //   app.use(
  //     "/.netlify/functions/",
  //     createProxyMiddleware({
  //       target: "http://localhost:9000",
  //       pathRewrite: {
  //         "/.netlify/functions/": ""
  //       }
  //     })
  //   );
  // },

  plugins: [
    {
      // This plugin allows us to alias common import paths to short names.
      resolve: "gatsby-plugin-root-import",
      options: {
        "@components": path.resolve(__dirname, "src/components"),
        "@content": path.resolve(__dirname, "src/content"),
        "@hooks": path.resolve(__dirname, "src/utils/hooks"),
        "@templates": path.resolve(__dirname, "src/templates"),
        "@utils": path.resolve(__dirname, "src/utils"),
        "@styles": path.resolve(__dirname, "src/styles"),
        "@wip": path.resolve(__dirname, "wip")
      }
    },
    "gatsby-plugin-netlify",

    // This plugin adds support for the CSS-in-JS library Theme UI.
    "gatsby-plugin-theme-ui",

    // This plugin intercepts all local links that have not been created in
    // React using gatsby-link, and replaces their behavior with that of the
    // gatsby-link navigate. This avoids the browser having to refresh the
    // whole page when navigating between local pages
    "gatsby-plugin-catch-links",

    // This plugin lets us write JSX embedded inside Markdown.
    {
      resolve: "gatsby-plugin-mdx",
      options: {
        extensions: ['.md', '.mdx'],
        gatsbyRemarkPlugins: [
          {
            resolve: "gatsby-remark-smartypants",
            options: {
              quotes: true,
              ellipses: true,
              dashes: "oldschool",
            },
          },
        ],
      },
    },

    // This plugin parses local files into 'File' nodes for further manipulation
    // by transformers within our application.
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "content",
        path: `${__dirname}/src/content`
      }
    },

    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: "a web site",
        short_name: "site",
        start_url: "/",
        display: "minimal-ui",
        icon: 'src/images/logo_black.svg'
      }
    },
    "gatsby-plugin-offline",
    "gatsby-plugin-react-helmet",
  ]
};