Skip to main content
Community Plugin
View plugin on GitHub
See starters using this

👀 Gatsby Minimalist Theme

Welcome to my Minimalist Gatsby Theme repository! A live demo of the theme can be found here.


💻 Installation

To use the Gatsby Minimalist Theme in your site, follow this instruction:

  1. Install Theme:

    yarn add gatsby-theme-minimalist
  2. Add this theme to your gatsby-config.js file and adjust the options to fit your needs.
    You can find a detailed explanation about the options object further below.

    module.exports = {
      plugins: [{
        resolve: "gatsby-theme-minimalist",
    
        options: {
          // SEO
          title: "Your site title",
          description: "Your site description",
          siteUrl: "https://your-future-site.com",
          appName: "Your pwa app name",
    
          // Content
          headline: "Your headline",
          subHeadline: "Your <strong>meaningful</strong> message.<br/>",
          socialList: [{
            icon: 'FaGithub', // a detailed explanation can be found in the options section
            url: 'https://github.com/your-profile',
            ariaLabel: 'Link to my GitHub profile',
          }]
        }
      }]
    }
  3. Start developing:

    yarn develop
  4. Build production:

    yarn build

⚙️ Options

In order to provide a big selection of icons, this theme makes use of the fabulous React Icons library. The React Icons library comes with 9 different icon sets (FontAwesome, Ionic, Material Design, Typicons, Github Octicons, Feather, Game, Weather, and Dev). Just browse through the vast list of icons https://react-icons.netlify.com and copy the icon name (e.g. FaTwitter) and paste it to your options in the socialList[{icon: 'FaTwitter'}] option section.


👩‍💻 Contributing

Just submit an issue, be it a bug report or a feature request. I’m always happy to accept new pull requests.


🙌 Credits

Special thanks to @JCofman for the idea and recommendation to use React Icons in this theme!