It's annoying to setup the configuration for TypeScript, ESLint and more for each and every project so I've created a Github template repository to use for applications built using NextJS
The boilerplate-components
directory contains React components used in the default template repository. These should be replaced when used in index.tsx
in new applications.
There is a components
folder in the root directory which contains sub-directories named atom
, molecule
, organism
and template
. These should contain React components based on the Atomic Design principle.
This application should include unit tests from the get go. __tests__
is a directory that jest
, a React test runner, will find and test the valid tests within. Also, components should use snapshot tests and also unit tests so there should be a corresponding ___.test.tsx
file for each component.
NextJS React Framework to build static and dynamic sites
Jest React Testing framework and test runner
React Testing Library Unit Tests for React Components
TypeScript Typed JavaScript
Styled Components Modular CSS library for React Components
ESLint JavaScript & TypeScript Linter
Prettier Opinionated Code Formatter