Huy's Notes


#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].

Referred in

If you think this note resonated, be it positive or negative, please feel free to send me an email and we can talk.