message: docs(installation): adding gatsby starting example
diff: @@ -40,8 +40,6 @@ function App() {
  }
  ```
  -> - For Gatsby, install the `@chakra-ui/gatsby-plugin`. It does it automatically
  -> for you.
  > - For Create React App, you need to set this up in `index.js` or `index.tsx`
  ### Next.js
  @@ -62,6 +60,27 @@ export default MyApp;
  ```
  +### Gatsby
  +Add the [@chakra-ui/gatsby-plugin](gatsbyjs.com/plugins/@chakra-ui/gatsby-plugin/). It does everything automatically for you!
  +
  +```bash
  +npm i @chakra-ui/gatsby-plugin
  +```
  +```bash
  +yarn add @chakra-ui/gatsby-plugin
  +```
  +
  +Then add the plugin to your `gatsby-config`.
  +
  +```js
  +// gatsby-config.js
  +
  +module.exports = {
  + plugins: ["@chakra-ui/gatsby-plugin],
  +}
  +```
  +
  +
  ## Add custom theme (Optional)
  If you need to customize the default chakra theme to match your design
  