Cockpit serves as our headless cms. Cockpit is php based, thus it brings the advantage, that no node is required on our hosting server.
React on the other hand is used to build our dynamic frontend. It firstly of course renders our components and secondly handles client side routing with the react-router-dom library.
Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
React Testing Library builds on top of DOM Testing Library by adding APIs for working with React components.
Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported.
Using eslint, prettier and husky gives us the ability to equal code standards and style-formations across the team.
Before starting to set up the workflow, make sure to have Node and docker installed on your machine and of course to clone this repo.
- Open a terminal of your choice and navigate into the root of our repository.
- Install all dependencies with
npm i
. - Initialise the workflow with
npm run init
. - Once done, run
npm start
. - Under http://localhost:8080 you should now be able to log-in with admin/admin. On http://localhost:3000 you should see the frontend with some pre-defined pages you can navigate to.
- Happy coding