Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate
This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.
https://github.com/joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate
boilerplate eslint jest prettier react reactjs tailwindcss testing-library typescript vite vitejs vitest
Last synced: 3 days ago
JSON representation
This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.
- Host: GitHub
- URL: https://github.com/joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate
- Owner: joaopaulomoraes
- License: mit
- Created: 2021-07-15T00:35:20.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-01T15:31:47.000Z (20 days ago)
- Last Synced: 2025-01-11T01:03:20.307Z (10 days ago)
- Topics: boilerplate, eslint, jest, prettier, react, reactjs, tailwindcss, testing-library, typescript, vite, vitejs, vitest
- Language: TypeScript
- Homepage: https://reactjs-vite-tailwindcss-boilerplate.vercel.app
- Size: 1.78 MB
- Stars: 599
- Watchers: 3
- Forks: 111
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- fucking-awesome-vite - reactjs-vite-tailwindcss-boilerplate - React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier. (Get Started / Templates)
- awesome-vite - reactjs-vite-tailwindcss-boilerplate - React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier. (Get Started / Templates)
README
# React Tailwindcss Boilerplate build with Vite
This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, TailwindCSS 3, Eslint and Prettier.
## What is inside?
This project uses many tools like:
- [Vite](https://vitejs.dev)
- [ReactJS](https://reactjs.org)
- [TypeScript](https://www.typescriptlang.org)
- [Vitest](https://vitest.dev)
- [Testing Library](https://testing-library.com)
- [Tailwindcss](https://tailwindcss.com)
- [Eslint](https://eslint.org)
- [Prettier](https://prettier.io)
## Getting Started
### Install
Create the project.
```bash
pnpm dlx degit joaopaulomoraes/reactjs-vite-tailwindcss-boilerplate my-app
```
Access the project directory.
```bash
cd my-app
```
Install dependencies.
```bash
pnpm install
```
Serve with hot reload at .
```bash
pnpm run dev
```
### Lint
```bash
pnpm run lint
```
### Typecheck
```bash
pnpm run typecheck
```
### Build
```bash
pnpm run build
```
### Test
```bash
pnpm run test
```
View and interact with your tests via UI.
```bash
pnpm run test:ui
```
## License
This project is licensed under the MIT License.