All Projects → PrototypeInteractive → gatsby-react-boilerplate

PrototypeInteractive / gatsby-react-boilerplate

Licence: MIT license
Gatsbyjs boilerplate

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to gatsby-react-boilerplate

gatsby-starter-breeze
A Gatsby starter for graceful blogging in Chinese.
Stars: ✭ 44 (-25.42%)
Mutual labels:  gatsbyjs, gatsby-starter
WebSheets-Listing-Page
This is a Gatsby template for creating a catalogue websites based on Google Sheets data.
Stars: ✭ 29 (-50.85%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-shopifypwa
💚🛒💚 Bodega is a Shopify PWA using Gatsby JS + Netlify CMS
Stars: ✭ 100 (+69.49%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-typescript
Typescript version of the default Gatsby starter. Uses Gatsby v1.x
Stars: ✭ 58 (-1.69%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-antoine
My opinionated Gatsby.js starter
Stars: ✭ 17 (-71.19%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-fractal
Gatsby.js V2 starter template based on Fractal by HTML5 UP
Stars: ✭ 19 (-67.8%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-wordpress-typescript-scss-blog
Gatsby Wordpress Typescript Blog Boilerplate
Stars: ✭ 50 (-15.25%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-blog-template
✍️ A GatsbyJS Blog Template for blogging purposes.
Stars: ✭ 38 (-35.59%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-ghost-novela-starter
A Gatsby starter for creating blogs from headless Ghost CMS.
Stars: ✭ 31 (-47.46%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-i18n-bulma
A gatsby multilanguage template with bulma and i18n: it is a work in progress...
Stars: ✭ 22 (-62.71%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-devto
A GatsbyJS starter template that leverages the Dev.to API
Stars: ✭ 13 (-77.97%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-portfolio-bella
A bright single-page portfolio starter for Gatsby powered by Prismic.io. The target audience are designers and photographers.
Stars: ✭ 125 (+111.86%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter
Gatsby Starter for creating portfolio & blog.
Stars: ✭ 55 (-6.78%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-highlights
Gatsby.js V2 starter template based on highlights by HTML5 UP
Stars: ✭ 15 (-74.58%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-prologue
Gatsby.js V2 starter template based on readonly by HTML5 UP
Stars: ✭ 24 (-59.32%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-wiki
Creating a Knowledgbase using Gatsby.js and React.js (see final product ->
Stars: ✭ 32 (-45.76%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-generator
🎰 Generate Gatsby Starters in Seconds
Stars: ✭ 23 (-61.02%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-bulma-storybook
A minimal Gatsby starter which includes Bulma and Storybook
Stars: ✭ 16 (-72.88%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-contentful-typescript-starter
Gatsby.js starter with TypeScript and Contentful
Stars: ✭ 15 (-74.58%)
Mutual labels:  gatsbyjs, gatsby-starter
gatsby-starter-paradigmshift
Gatsby.js V2 starter template based on Paradigm Shift by HTML5 UP
Stars: ✭ 16 (-72.88%)
Mutual labels:  gatsbyjs, gatsby-starter

Gatsby React Boilerplate

Requirements

Features

  • Basic configuration and folder structure
  • Uses postcss and sass (with autoprefixer and pixrem)
  • Uses Bootstrap 4 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: Add your icons in components/icon as .icon files and use them.

How to proceed

  1. Prepare a coffee
  2. Run: npm i to install the dependencies
  3. Run: npm run dev to run Gatsby
  4. You should see shortly some text that says The development server is listening at: http://localhost:8000. Open that address in your browser and…
  5. 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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].