Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brob/gatsby-fauna-guestbook
https://github.com/brob/gatsby-fauna-guestbook
Last synced: 10 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/brob/gatsby-fauna-guestbook
- Owner: brob
- License: mit
- Created: 2020-04-27T02:12:57.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T05:30:21.000Z (about 1 year ago)
- Last Synced: 2024-11-07T00:30:28.878Z (about 2 months ago)
- Language: JavaScript
- Size: 1.29 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Gatsby Bulma Quickstart
> A Quick Way to bootstrap your next Gatsby + Bulma site.
![ss](https://i.imgur.com/Vz81GEl.png)
## 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.
[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/A611K61)
**Happy Coding!** 🎉🎉