/techWorld

Primary LanguageJavaScriptBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Gatsby Website Starter

Everything you need for a basic website + blog with Gatsby.js. (preview)

tl;dr

$ gatsby new project_name https://github.com/j127/gatsby_website_starter

Then edit your new site.

Instructions

Install Gatsby CLI:

$ npm install -g gatsby-cli

Disable telemetry:

Set an environment variable in your shell config file like this:

export GATSBY_TELEMETRY_DISABLED=1

and/or run gatsby telemetry --disable in a terminal window.

Start a new project, changing project_name to the desired name of your app:

$ gatsby new project_name https://github.com/j127/gatsby_website_starter

Then cd into the project directory and start coding.

Styling

This starter comes with a nice CSS framework called Bulma. PurgeCSS is used to remove all the unused CSS rules, so it's really fast and efficient.

But if you want to remove Bulma, run this command:

$ npm uninstall -S bulma

Then search the files for any mention of "bulma" and delete those imports.

Override Bulma variables in the src/styles/_variables.scss file. See the notes in the files in the src/styles directory.