gatsby-theme-minimalist v1.0.7
👀 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:
Install Theme:
yarn add gatsby-theme-minimalist
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', }] } }] }
Start developing:
yarn develop
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!