Install and run the development server:
npm install
npm run dev
Or you can run Storybook to work with the components and layouts.
npm run storybook
As React is being used in conjunction with NextJs it is not necessary to import it into the tsx/jsx files.
Components are programmed as functions and not as classes, using React Hooks for managing the state and lifecycle of the component.
Most of the design should be done using the TailwindCSS classes, using custom CSS code as little as possible and always limited to the component itself through its CSS module.
It is recommended to generate the Storybook views of each component and layout of the system, it is considered the documentation and is part of the review process.
If a bug is detected, it is recommended to use Cypress to reproduce the use case case and verify its correct solution.
This project uses Husky to run a series of commands before committing, like check and fix the code format. It is recommended not to avoid or cancel this action, as the formatting will be checked in Continuous Integration and will fail if it is not correct.