DomenicoColandrea86 / react-vite-typescript-boilerplate

Boilerplate made with React, Vite, TypeScript, Vitest, Testing Library, Tailwind, ESLint, Prettier, Nx, Pnpm, Docker and NGINX.

React Vite TypeScript Boilerplate

This is a boilerplate made with React, TypeScript, Vite, Vitest, Testing Library, Tailwind, ESLint, Prettier, Nx, Pnpm, Docker and NGINX.

What's inside?

• React
• Vite
• TypeScript
• Vitest
• Testing Library
• Tailwind
• Eslint
• Prettier
• Nx
• Pnpm
• Docker
• NGINX

Local Development Quick Start

Download and install nvm (Node Version Manager)

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/vx.x.x/install.sh | bash

Download and Install pnpm

curl -fsSL https://get.pnpm.io/install.sh | sh -

or via npm

npm install -g pnpm

Copy and paste the following into Terminal:

npx degit DomenicoColandrea86/react-vite-typescript-boilerplate app
cd app
nvm use
pnpm install
pnpm dev

Served with hot reload at http://localhost:5173

Scripts

Format

pnpm prettier

Lint

pnpm lint

Build

pnpm build

Start

pnpm start

Test

pnpm test

View and interact with your tests via UI.

pnpm run test:ui

Clean

pnpm clean

Docker Build

pnpm docker:build

Docker Run

Served via NGINX at http://localhost

pnpm docker:run

License

This project is licensed under the MIT License. Happy Coding!