{"repo":"dimitridumont/clean-architecture-front-end","free":true,"listed":false,"github":"https://github.com/dimitridumont/clean-architecture-front-end","clone":"git clone https://github.com/dimitridumont/clean-architecture-front-end.git","description":"Example of clean architecture in front-end (Next.js)","language":"TypeScript","stars":199,"topics":["clean-architecture","hexagonal-architecture","frontend","front-end","nextjs"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Hello, here is a repository to send you my vision of clean architecture (firstly on the front, then later on back) in different versions. I wrote an article to support the examples of this project: https://www.dimitri-dumont.fr/blog/hexagonal-architecture-front-end To understand the clean architecture, you can also read my article on dependency inversion in front-end: https://www.dimitri-dumont.fr/blog/dependency-inversion-front-end For these examples, I chose to use Next.js based on React, but the whole point of this architecture is to be able to use it independently of the frameworks and libraries used (external dependencies). In order to have a simple example, I chose a simple subject: a todo list! To see the tasks that still need to be done on the project, go to the /docs/todo.md file If you have any questions, suggestions or anything else, don't hesitate to contact me! And if this repository has helped you, consider sharing it with your acquaintances. Summary 1. Getting started 2. Clean architecture 1. Use case 2. Primary port 3. Primary adapter 4. Secondary port 5. Secondary adapter 3. Resources Getting started First, install the dependencies: -- Then run the development server: Open http://localhost:3000 with your browser to see the result. -- To start unit tests: -- To test the app online: https://front-end-clean-architecture.netlify.app/ Clean architecture The hexagonal architecture, or architecture based on ports and adapters, is an architectural pattern used in the","default_branch":null,"files":null,"tree":[],"storefront":"/r/dimitridumont","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/dimitridumont/clean-architecture-front-end/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}