Skip to content
This repository has been archived by the owner on Oct 7, 2022. It is now read-only.

amandeepmittal/gatsby-bulma-quickstart

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 

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.

ss

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.

ko-fi

Happy Coding! πŸŽ‰πŸŽ‰

About

πŸš€ + βš›οΈ A Quick Way to bootstrap your next Gatsby + Bulma site.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •