A React SPA with all the cool things you need.
To scaffold this project I used Vite.
You can check out a production build of the template in here, in case you want to test it before using it.
First of all, make a copy of this project by clicking on "Use this template".
Now that you have your own repository, clone it and install its dependencies:
npm install
If your app will make use of an external API, create a .env file:
cp .env.example .env.development
and change api url with yours
VITE_APP_API_URL=https://api.feliciti.co
Finally, run your app:
npm run dev
and visit http://localhost:3000/.
This template comes with different tools that you will definetly love:
- Cypress to develop end to end tests.
- Eslint + Prettier to check for syntax errors and enforce a common code style.
- Formik + Yup to facilitate forms management and validation.
- Material UI to be able to use some awesome predesigned components and an incredible design system.
- React Router to navigate through different components.
- Redux + Redux Toolkit for state management.
- Redux persist to persist state managed by redux.
- RTK Query to make API requests (I know this is included with Redux Toolkit, but it's such and amazing tool, that I had to give it its own mention).
In the digital ocean console:
cd /var/www/app2.feliciti.co
git pull
npm install #if required
npm run build
This project is configured with GitHub Actions so that each pull request is checked for eslint offenses and to run the tests.