Skip to content

4. Tech Stack

ElliotForWater edited this page Feb 3, 2021 · 3 revisions

Technologies used in this project

Main frameworks and Libraries

Compiling and Linting

  • Babel
  • Eslint - Standard
  • Prettier

Workflow

We use git pre-commit hook to check validity of .css and .js|.tsx files before committing.

CSS

To check css validity we use:

  • Stylelint

We use Css Modules within our React code. And we use Postcss Plugins to help us with some corner case.

Icons

We are using react-icons in the project, specifically Feather style please stick to it as much as possible.
When an icon doesn't exist within the Feather collection, let's discuss together which other icon could be used instead.
You can open an issue and talk with us.

Forms

Forms are always particularly complex so we believe they deserve a section here, to give the chance to get to know the tool we use to make our life (and yours too, hopefully) easier

i18n - Internazionalization

Nextjs 10 come with localization so we can easily know which local our users use in their machine or browsers. Additionally we use next-translate to translate the copy.