- React 16 support via gatsby-plugin-react-next
- Bootstrap 4 support via reactstrap
- Unit testing with Jest and Enzyme
- Global styling with Sass
If you have more complex requirements one of our alternative kits, built upon this base, might better suit your needs:
gatsby-starter-netlify-cms adds in support for editing site content in Netlify CMS.
gatsby-starter-blog builds upon the Netlify CMS starter to include a blogging framework.
The kit requires Node (version 8 or above recommended) and npm (version 5.2 or above recommended). If those are available on your system you can use npx to quickly scaffold a new site from the kit:
npx -p gatsby-cli gatsby new $DIR_NAME https://github.com/orangejellyfish/gatsby-starter-base cd $DIR_NAME npm start
Gatsby is a very flexible tool. In order to reduce some of the configuration overhead associated with such flexibility we favour the following conventions:
A "layout" is viewed as a common parent to multiple pages. It is represented as a React component exported from a file in the
A "page" is viewed as an individual web page. A page is represented as a React component exported from a file in the
Simple components (those that are not pages or layouts and generally receive data as props from ancestor components that pull in data from GraphQL) are placed in the
GraphQL fragments are placed in the
src/fragmentsdirectory. This means all fragments are co-located so you don't have to search through all of your components to find one.