gatsby-config.js

/* eslint-disable @typescript-eslint/no-var-requires */
const path = require('path')

if (process.env.NODE_ENV !== 'production') {
  require('dotenv').config()
}

module.exports = {
  siteMetadata: {
    description: 'A portfolio',
    image: '/icons/icon-512x512.png',
    lang: 'en',
    title: 'bertie blackman',
    titleTemplate: '%s · bertie blackman',
    url: 'https://bertie.dev',
  },
  plugins: [
    'gatsby-plugin-typescript',
    'gatsby-plugin-react-helmet',
    'gatsby-plugin-postcss',
    {
      options: {
        alias: {
          '@components': path.resolve(__dirname, 'src/components'),
          '@layouts': path.resolve(__dirname, 'src/layouts'),
          '@typings': path.resolve(__dirname, 'src/types'),
          '@utils': path.resolve(__dirname, 'src/utils'),
        },
      },
      resolve: 'gatsby-plugin-alias-imports',
    },
    {
      options: {
        background_color: '#6b37bf',
        display: 'standalone',
        icon: 'src/assets/app-icon.png', // This path is relative to the root of the site.
        name: 'bertie.dev',
        short_name: 'bertie.dev',
        start_url: '/',
        theme_color: '#4BC0D9',
      },
      resolve: 'gatsby-plugin-manifest',
    },
    'gatsby-plugin-offline',
    {
      options: {
        accessToken: `${process.env.CONTENTFUL_ACCESS_TOKEN}`,
        spaceId: `${process.env.CONTENTFUL_SPACE_ID}`,
      },
      resolve: 'gatsby-source-contentful',
    },
    {
      options: {
        develop: false,
        printRejected: false,
        tailwind: true,
      },
      resolve: 'gatsby-plugin-purgecss',
    },
    {
      options: {
        rule: {
          include: [/icons/, /logos/],
        },
      },
      resolve: 'gatsby-plugin-react-svg',
    },
    {
      resolve: 'gatsby-plugin-google-fonts',
      options: {
        fonts: ['Roboto', 'Bebas Neue'],
        display: 'swap',
      },
    },
    {
      options: {
        head: false,
        trackingId: `${process.env.ANALYTICS_TRACKING_ID}`,
      },
      resolve: `gatsby-plugin-google-analytics`,
    },
    {
      resolve: 'gatsby-plugin-netlify',
      options: {
        headers: {
          '/*': [
            `Feature-Policy: layout-animations 'none'; oversized-images 'none'; sync-script 'none'; sync-xhr 'none'; unsized-media 'none';`,
          ],
        },
      },
    },
  ],
}