Create a project with hello-world base:
gatsby new gatsby-tutorial https://github.com/gatsbyjs/gatsby-starter-hello-world
Install plugins. Here are plugins at the moment:
dev dependencies:
npm install --save gatsby-plugin-typography typography react-typography typography-theme-moraga gatsby-plugin-styled-components styled-components babel-plugin-styled-components prop-types
npm install --save-dev gatsby-plugin-eslint eslint eslint-loader eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react
{
"extends": "airbnb",
"plugins": [
"react"
],
"parser": "babel-eslint",
"rules": {
"no-nested-ternary": "off",
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
"no-underscore-dangle": 0,
"react/prop-types": ["error", { "ignore": ["navigation"] }],
"global-require": 0
}
}
module.exports = {
plugins: [
{
resolve: `gatsby-plugin-typography`,
options: {
pathToConfigModule: `src/utils/typography`,
},
},
{
resolve: `gatsby-plugin-styled-components`,
options: {
// Add any options here
},
},
'gatsby-plugin-eslint',
],
}