Git Product home page Git Product logo

gatsby-starter-zero's Introduction

gatsby-starter-zero

A slimmer Gatsby starter.

Get gatsby:

npm install -g gatsby

Get started with this starter:

gatsby new my-simple-site gh:chbrown/gatsby-starter-zero

Go forth and develop!

cd my-simple-site
gatsby develop

When it's all ready:

gatsby build

Explanation

  • .gitignore: not required, but the gatsby command isn't exactly tidy, so it's handy to have these defaults.
  • config.toml: bafflingly, this file's presence is required, but it doesn't have to contain anything.
  • html.js: should be called Layout.jsx or something but yeah, it's required, and has to have this filename.
    • module.exports must be set to an actual React.Component class (a stateless functional component won't cut it)
  • package.json: required, but gatsby the dependency transitively pulls in react and react-dom.
  • pages/: each file in here will be served as a distinct URL. E.g., pages/admin.js would be served as /admin/
  • README.md: not required!
  • site.css: not required, but the gatsby build will choke when inlining css without some css having been used.

Building gh-pages

rev=$(git rev-parse --short master)
repo=${TMPDIR-/tmp/}gatsby-starter-zero-gh-pages
git clone [email protected]:chbrown/gatsby-starter-zero.git -b gh-pages $repo
gatsby build && cp -R public/ $repo
cd $repo && git add . && git commit -m "Sync with master @ $rev" && git push

Check result at https://chbrown.github.io/gatsby-starter-zero/

License

Copyright © 2017 Christopher Brown. MIT Licensed.

gatsby-starter-zero's People

Contributors

kyleamathews avatar chbrown avatar mef avatar bdougie avatar d2s avatar emilyaviva avatar gesposito avatar rclai avatar stefvhuynh avatar timurc avatar slightlytyler avatar patrykkopycinski avatar the-zebulan avatar

Watchers

 avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.