gatsby-config.js

require("dotenv").config({
  path: `.env.${process.env.NODE_ENV}`
});
module.exports = {
  // base site data
  siteMetadata: {
    title: `Muguku`,
    owner: `Macharia Muguku`,
    description: `A Macharia Muguku software engineer portfolio website`,
    author: `Macharia Muguku <hello@muguku.co.ke>`,
    // don't use trailing slash
    siteUrl: "http://muguku.co.ke",
    social: {
      twitter: "@charmgk"
    },
    keywords: [
      "macharia muguku",
      "macharia",
      "muguku",
      "software engineer",
      "full-stack developer",
      "software",
      "engineer",
      "developer",
      "fullstack",
      "front-end",
      "frontend",
      "minimalist",
      "gatsby",
      "portfolio",
      "react",
      "reactjs",
      "react.js",
      "node",
      "nodejs",
      "node.js",
      "golang",
      "go",
      "docker",
      "react",
      "nginx",
      "graphql",
      "mpesa"
    ]
  },
  plugins: [
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sharp`,
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-styled-components`,
    // github graphql api
    {
      resolve: "gatsby-source-graphql",
      options: {
        typeName: "GITHUB",
        fieldName: "github",
        url: "https://api.github.com/graphql",
        headers: {
          Authorization: `bearer ${process.env.GATSBY_PORTFOLIO_GITHUB_TOKEN}`
        }
      }
    },
    // medium REST api
    {
      resolve: `gatsby-source-medium`,
      options: {
        username: `@muguku`
      }
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: `${__dirname}/src/images`
      }
    },
    // auto generate a '.htaccess' file for Apache hosting
    {
      resolve: "gatsby-plugin-htaccess",
      options: {
        // force the site name to start with 'www'
        www: true
      }
    },
    // PWA manifest
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `macharia_muguku_react_gatsby_portfolio`,
        short_name: `portfolio`,
        start_url: `/`,
        background_color: `#000000`,
        theme_color: `#000000`,
        display: `minimal-ui`,
        icon: `src/images/512x512.png` // 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.dev/offline
    `gatsby-plugin-offline`
  ]
};