e1401 / pat-frontend-template

React frontend template based on Vite for Nordcloud's Platform & Tools

Vite template for frontend projects

This is a basic setup for our frontend projects, it includes Migration guide from deprecated Create React App setup.

Components

1. Frontend application based on Vite
2. Code is written in Typescript
3. Prettier formatter
4. Linting implemented with Stylelint and ESLint
5. Testing setup consists of Vitest and Testing Library
6. Support for styling with Styled Components
7. GNUI component library
8. Additional checks that improve codebase maintenance (circular dependencies, unused exports)
9. Git hooks support
10. Alias import support

Setup

1. Make sure you use a proper Node.js and npm versions

Check engines field in package.json to see currently supported versions

Automatic setup for NVM users

nvm install
nvm use

2. Install packages

npm install

3. Add env file

Create .env file

REACT_APP_CLIENT_TOKEN=
REACT_APP_ENV=development
SERVER_OPEN_BROWSER=false

Create React App migration guide