https://github.com/agrublev/gatsby-react-boilerplate
https://github.com/agrublev/gatsby-react-boilerplate
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/agrublev/gatsby-react-boilerplate
- Owner: agrublev
- License: mit
- Created: 2018-10-03T10:01:50.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-10-03T10:02:00.000Z (almost 8 years ago)
- Last Synced: 2025-02-15T06:41:26.022Z (over 1 year ago)
- Language: JavaScript
- Size: 201 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Gatsby React Boilerplate
### Requirements
* [Node.js](http://nodejs.org): for all the magic
* [Gatsby](https://www.gatsbyjs.org/docs/)
### Features
* Basic configuration and folder structure
* Uses postcss and sass (with autoprefixer and pixrem)
* Uses [Bootstrap 4](http://getbootstrap.com/) grid
* Leaves the styling to you
* Uses data from local json files
* Contains Node.js server code for easy, secure, and fast hosting
* [SVG sprites](https://css-tricks.com/svg-sprites-use-better-icon-fonts/): Add your icons in `components/icon` as .icon files and use them.
### How to proceed
1. Prepare a coffee
1. Run: `npm i` to install the dependencies
1. Run: `npm run dev` to run Gatsby
1. You should see shortly some text that says `The development server is listening at: http://localhost:8000`. Open that address in your browser and…
1. Start coding!
### How to build
1. Run: `npm run build` to build website into `/public` folder
### Considerations
* **RTL**: The usual method of generating different css file for RTL pages (as seen in static-html-boilerplate) will not work out of the box here since Gatsby pulls all the css together, this means the RTL css will override the LTR one.