| # React + TypeScript + Vite + Tailwind CSS | |
| This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. | |
| Tailwind CSS plugin has been configured for rapid UI development. You can start styling immediately using utility classes without writing custom CSS from scratch. | |
| ## Getting started | |
| ### Install dependencies | |
| ```bash | |
| pnpm install | |
| ``` | |
| ### Run frontend (dev mode) | |
| Run: | |
| ```bash | |
| pnpm dev | |
| ``` | |
| Frontend website should be available on localhost: | |
| ``` | |
| VITE v7.1.2 ready in 429 ms | |
| ➜ Local: http://localhost:5173/ | |
| ➜ Network: use --host to expose | |
| ➜ press h + enter to show help | |
| ``` | |
| Hot reload is enabled, meaning frontend is reloaded on each file update. | |
| ### Code quality | |
| You can run the formatter with: | |
| ```bash | |
| pnpm style | |
| ``` | |
| and then test everything's fine with: | |
| ```bash | |
| pnpm quality | |
| ``` | |
| ### Build | |
| Finally, you can build you app using: | |
| ```bash | |
| pnpm build | |
| ``` | |
| The generated website will be located in the `dist/` folder. | |
| To preview it, run: | |
| ```bash | |
| pnpm preview | |
| ``` | |
| which serves the `dist/` folder as a static site, simulating a production environment. | |