https://github.com/glweems/gatsby-starter-ultra-modern

ultimate gatsby starter project template
https://github.com/glweems/gatsby-starter-ultra-modern

Last synced: 3 months ago
JSON representation

ultimate gatsby starter project template

• Host: GitHub
• URL: https://github.com/glweems/gatsby-starter-ultra-modern
• Owner: glweems
• License: mit
• Created: 2019-07-05T19:37:41.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-07-05T21:48:12.000Z (almost 6 years ago)
• Last Synced: 2025-01-11T15:39:21.414Z (4 months ago)
• Language: TypeScript
• Size: 346 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ⚛️ gatsby-starter-ultra-modern

A Gatsby starter with typescript, redux boilerplate, styled-components, strict linting and auto-formatting rules.

## 🚀 Getting started

- Clone this project and install all the required dependencies _(e.g. with `npx gatsby new gatsby-example-site https://github.com/glweems/gatsby-starter-ultra-modern`)_

- Start a development server with `yarn develop` or `npm run develop`

  - _Other scripts like `build`, [`format`](#automatic-code-formatting), [`type-check`](#static-type-checking) and [`lint`](#linting) are also available_

### Deploy

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/glweemsgatsby-starter-ultra-modern)

## ✨ Developer experience

### Automatic code formatting

[Prettier][] aims to provide codebase consistency when multiple developers work on the same project. The main reason behind adopting it is to [stop all the on-going debates over coding styles][].

[prettier]: https://prettier.io/

[stop all the on-going debates over coding styles]: https://prettier.io/docs/en/why-prettier.html

### Static type checking

[TypeScript][] adds optional types to JavaScript, preventing several programming mistakes. For a quick guide about using React with it, please refer to the [React TypeScript Cheatsheet][].

[typescript]: https://www.typescriptlang.org/

[react typescript cheatsheet]: https://github.com/sw-yx/react-typescript-cheatsheet

### Linting

Source code is linted by [ESLint][], enforcing the [Airbnb JavaScript Style Guide][] through an overridable set of rules provided by [eslint-config-airbnb][].

[eslint]: https://eslint.org/

[airbnb javascript style guide]: https://github.com/airbnb/javascript

[eslint-config-airbnb]: https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb