⚛️ gatsby-starter-modern

A modern Gatsby starter with strict linting and auto-formatting rules.

🚀 Getting started

Clone this project and install all the required dependencies (e.g. with gatsby new gatsby-example-site https://github.com/kripod/gatsby-starter-modern after making sure that Gatsby CLI is installed globally with npm install --global gatsby-cli)
Start a development server with yarn develop or npm run develop
- Other scripts like build, format and lint are also available

Deploy

💅 Style management

Rebass, a React UI component library & design system, is used for styling components. Based on styled-components and styled-system, it provides a delightful way for managing styles.

✨ Developer experience

Automatic code formatting

Prettier is an opinionated code formatter aiming to provide codebase consistency when multiple developers work on the same project. The main reason behind adopting Prettier is to stop all the on-going debates over coding styles.

Linting

Linters are tools that analyze source code to flag programming errors, bugs, stylistic errors, and suspicious constructs.

JavaScript is linted by ESLint, enforcing the Airbnb JavaScript Style Guide through an overridable set of rules provided by eslint-config-airbnb-base.
Styles are linted by stylelint, adhering to the rules specified in stylelint-config-recommended.