Gatsby Starter bonsai.css

A Gatsby starter styled using bonsai.css, a utility-first CSS framework..

View demo here.

What is bonsai.css?

"bonsai.css is a complete CSS solution allowing you to build beautifully crafted web interfaces with ease." –bonsai.css

What is Gatsby?

"Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." –Gatsby

Get started

Install the Gatsby CLI:

npm i --global gatsby-cli

Create a new Gatsby project using this starter:

gatsby new my-new-website https://github.com/astridx/gatsby-starter-bonsaicss

Build a stylesheet from your bonsai.css config and run the project in development mode:

cd my-new-website
npm run develop

You can now view gatsby-starter-bonsaicss in the browser.

http://localhost:8000/

Format and lint

• npm run analyze - See what ESLint and Prettier can fix
• npm run fix - Run Prettier and ESLint with the --fix option

Build your site

Use npm run build to build your site for production.

Resources

• Gatsby documentation
• bonsai.css documentation
• Prettier documentation
• ESLint documentation

License

MIT

How you can help

Enjoying Gatsby Starter bonsai.css and want to help? You can:

• Create an issue with some constructive criticism
• Submit a pull request with some improvements to the project

Contributors

This project follows the all-contributors specification. Contributions of any kind welcome!