Gatsby

#ui #gatsby

Gatsby is a React-based site generator. Read the docs.

The usage is as simple as:

1. Init the project with npm init
2. Install dependencies yarn add gatsby react react-dom gatsby-theme-andy
3. Create a gatsby-config.js with something like

   module.exports = {
     siteMetadata: {
       title: 'My Notes',
     },
     plugins: [`gatsby-theme-andy`],
   };
   

4. Run with gatsby run

And when you're ready, run gatsby build then deploy everything inside the public folder.

To extend or modify the site, there's a lot of helpful tricks like [Gatsby - Theme Shadowing].