## NPM/Yarn Packages used in the website
### API handling / GraphQL requests
- [MSW](https://mswjs.io/): Used for mocking API requests (working with GraphQL).
- [graphql](https://mswjs.io/): Basic package for graphQL.
- [graphql-tag](): Parse graphQL responses.
- [@apollo/client](): Apollo client to handle graphQL requests with caching system.

### Web testing and components testing
- [Jest](https://jestjs.io/): Testing components.
- [Testing Library](): Utilities to test components.
- [XState](https://xstate.js.org/docs/): Create [State Machines](https://mastery.games/post/state-machines-in-react/#:~:text=The%20state%20machine%20is%20the,all%20allowed%20transitions%20between%20states) as components

### Animations (CSS/SVG etc)
- [Framer Motion](): CSS Animation library for React.
- [Lottie View](): JSON Animations directly into React.

### Multilingual
- [Nexti18](https://github.com/isaachinman/next-i18next): Translation package using i18.

### SEO
- [Next SEO](https://github.com/garmeeh/next-seo): Easy SEO with Next.

### UI
- [Tailwind CSS](): CSS library.