gatsby-config.js

const path = require('path');

require('dotenv').config({
  path: `.env.${process.env.NODE_ENV}`,
});

/**
 * @type {import('gatsby').GatsbyConfig}
 */
module.exports = {
  siteMetadata: {
    title: `KL React`,
    description: `Reacting in Kuala Lumpur, Malaysia`,
    url: `https://kl-react.com`,
    siteUrl: `https://kl-react.com`,
    twitter: `@KlReact`,
    keywords: [`reactjs`, `react developer`, `kuala lumpur`, `meetup`],
  },
  plugins: [
    'gatsby-plugin-postcss',
    `gatsby-plugin-emotion`,
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-theme-ui`,
    {
      resolve: `gatsby-plugin-mdx`,
      options: {
        extensions: ['.mdx', '.md'],
        defaultLayouts: {
          default: require.resolve('./src/templates/note-template.js'),
        },
        gatsbyRemarkPlugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 800,
              withWebp: true,
            },
          },
        ],
      },
    },
    `gatsby-plugin-catch-links`,
    {
      resolve: `gatsby-source-meetup`,
      options: {
        groupUrlName: 'kl-react',
        status: 'upcoming,past',
        desc: 'true',
        fields: 'rsvp_rules,featured_photo',
      },
    },
    process.env.AWS_ACCESS_KEY && {
      resolve: `gatsby-source-s3-image`,
      options:
        process.env.NODE_ENV === 'production'
          ? {
              accessKeyId: process.env.AWS_ACCESS_KEY,
              secretAccessKey: process.env.AWS_SECRET_ACCESS,
              bucketName: 'kl-react-photos',
              protocol: 'https',
              region: 'us-east-2',
            }
          : {
              accessKeyId: process.env.AWS_ACCESS_KEY,
              secretAccessKey: process.env.AWS_SECRET_ACCESS,
              bucketName: 'kl-react-meetup-dev',
              protocol: 'https',
              region: 'ap-southeast-1',
            },
    },
    process.env.TWITTER_CONSUMER_KEY && {
      resolve: `gatsby-source-twitter`,
      options: {
        credentials: {
          consumer_key: process.env.TWITTER_CONSUMER_KEY,
          consumer_secret: process.env.TWITTER_CONSUMER_SECRET,
          bearer_token: process.env.TWITTER_BEARER_TOKEN,
        },
        queries: {
          reacttweets: {
            endpoint: 'favorites/list',
            params: {
              screen_name: 'KlReact',
              count: 50,
              tweet_mode: 'extended',
              include_ext_alt_text: true,
            },
          },
        },
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `image`,
        path: path.resolve(__dirname, 'og-image'),
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `contents`,
        path: path.resolve(__dirname, 'src', 'contents'),
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: 'src/data',
        name: 'data',
      },
    },
    `gatsby-plugin-sharp`,
    `gatsby-transformer-yaml`,
    `gatsby-transformer-sharp`,
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `KL React`,
        short_name: `KL React`,
        background_color: `#33e`,
        theme_color: `#33e`,
        icon: `og-image/durian-react-1x1.png`,
        display: `standalone`,
      },
    },
    `gatsby-plugin-netlify`,
    `gatsby-plugin-advanced-sitemap`,
  ].filter(Boolean),
};