A boilerplate with a clean Gatsby project and Chakra UI. This starter will help you kick off your Gatsby project with beautiful and simple UI component library quick and simple.
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the default starter.
# create a new Gatsby site using the default starter gatsby new {your-project-name} https://github.com/syauqy/gatsby-hello-world-chakra
-
Start developing.
Navigate into your new site’s directory and start it up.
cd {your-project-name}/ gatsby develop
-
Open the source code and start editing!
Your site is now running at
https://localhost:8000
!Note: You'll also see a second link:
https://localhost:8000/___graphql
. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.Open the
{your-project-name}
directory in your code editor of choice and editsrc/pages/index.js
. Save your changes and the browser will update in real time!
A quick look at the top-level files and directories you'll see in a Gatsby project.
.
├── node_modules
├── src
├── components
├── images
├── pages
├── styles
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── package-lock.json
├── package.json
├── README.md
└── yarn.lock