starter-gatsby-bulma
Gatsby Bulma Quickstart
A Quick Way to bootstrap your next Gatsby + Bulma site.
Demo 💯
Features 🚀
- Gatsby v2
- Bulma CSS
- Responsive design
- Google Analytics
- SEO
- Netlify Deployment
Languages and Frameworks ⚛️
- Gatsby
- Bulma
- SASS
- GraphQL
How to use it? 👨💻
You need npm and Gatsby CLI installed on your development machine.
1. Clone the repository/Installation
If you have Git installed on your system you can run the following command:
git clone https://github.com/amandeepmittal/gatsby-bulma-quickstart.git
Otherwise you can directly download it clicking on download button on this repository.
2. Running in development mode
Go inside gatsby-bulma-quickstart/ directory and run the following command:
npm run develop
3. Open the source code and start editing!
The site is now running at http://localhost:8000.
Open gatsby-bulma-quickstart/ directory in your code editor of choice and edit it. Save your changes and the browser will update them in real time!
4. Add your own Google Analytics Id
Once you have google-analytics tracking id for your site, you can configure in gatsby-config.js file:
resolve: `gatsby-plugin-google-analytics`,
options: {
// Your Tracking Id 👇
trackingId: 'UA-XXXXXXXX-X',
anonymize: true
}
}
Contact me
If you find any possible improvement or suggestion related to code or UI/UX please contribute by submitting a PR.
Happy Coding! 🎉🎉