- Typescript
- Linting with ESLint
- Formatting with Prettier
- Linting, typechecking and formatting on by default using
husky
for commit hooks - Testing with Jest and
react-testing-library
Install it and run:
yarn
yarn next build
yarn start
// To run tests
yarn test -u
yarn test
- styled-components - For everything styling.
- material-ui - For specific components and icons.
- next-optimised-images - For image optimisation in nextjs.
- sharp - For optimising images
- imagemin-svgo - For optimising svgs
- responsive-loader - For conditional rendering components (this should be avoided as much as possible, instead responsiveness should be in media queries)