Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amandeepmittal/gatsby-bulma-quickstart
🚀 + ⚛️ A Quick Way to bootstrap your next Gatsby + Bulma site.
https://github.com/amandeepmittal/gatsby-bulma-quickstart
bulma css css3 gatsby gatsby-starter gatsby-starter-kit reactjs
Last synced: 2 months ago
JSON representation
🚀 + ⚛️ A Quick Way to bootstrap your next Gatsby + Bulma site.
- Host: GitHub
- URL: https://github.com/amandeepmittal/gatsby-bulma-quickstart
- Owner: amandeepmittal
- License: mit
- Archived: true
- Created: 2018-11-26T13:25:33.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-10-07T10:49:49.000Z (about 2 years ago)
- Last Synced: 2024-09-26T16:04:55.132Z (3 months ago)
- Topics: bulma, css, css3, gatsby, gatsby-starter, gatsby-starter-kit, reactjs
- Language: JavaScript
- Homepage: https://tender-raman-99e09b.netlify.com/
- Size: 1.8 MB
- Stars: 85
- Watchers: 7
- Forks: 26
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-bulma - gatsby-bulma-quickstart - A Bulma CSS + GatsbyJS Starter Kit (Resources / Starters)
README
# Gatsby Bulma Quickstart
## ⚠️ Currently not actively maintained
Hey! I created this project when I was dipping my toes into the world of web development. A lot has happened since then. Currently, this project is not actively maintained so I am going to archive it. Feel free to fork or take over it if you still want to maintain it. Although, I think the web dev world has come a long way since then especially for personal blogs and portfolio sites. ✌️
---
> A Quick Way to bootstrap your next Gatsby + Bulma site.
## Demo 💯
- [Demo Link](https://tender-raman-99e09b.netlify.com/)
## 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](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:
```js
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.
[](https://ko-fi.com/A611K61)
**Happy Coding!** 🎉🎉