https://github.com/tracktor/create-boilerplate-vite-react-ts
Start a Vite React TypeScript project in few second !
https://github.com/tracktor/create-boilerplate-vite-react-ts
Last synced: about 1 year ago
JSON representation
Start a Vite React TypeScript project in few second !
- Host: GitHub
- URL: https://github.com/tracktor/create-boilerplate-vite-react-ts
- Owner: Tracktor
- Created: 2022-11-22T14:37:06.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-19T11:25:12.000Z (almost 3 years ago)
- Last Synced: 2025-05-08T17:04:43.722Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 406 KB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# create-boilerplate-vite-react-ts
[](https://badge.fury.io/js/create-boilerplate-vite-react-ts)
> Create quickly a skeleton of `Vite React TypeScript`
application with amazing configuration.
- [Quick Start](#Quick-Start)
- [Optional params](#Optional-params)
- [Files structure](#Files-structure)
## Quick Start
**bun:**
```bash
bun create boilerplate-vite-react-ts YOUR_APP_NAME
```
**npm:**
```bash
npm create boilerplate-vite-react-ts YOUR_APP_NAME
```
**yarn**:
```bash
yarn create boilerplate-vite-react-ts YOUR_APP_NAME
```
**pnpm**:
```bash
pnpm create boilerplate-vite-react-ts YOUR_APP_NAME
```
## Optional params
You can add some params to install and configure automatically
some popular libraries.
| Name | Description | Documentation |
|----------------|------------------------------|-------------------------------------------------|
| `axios` | Install axios library | [axios](https://axios-http.com/fr/docs/intro) |
| `i18next` | Install i18next library | [i18next](https://www.i18next.com) |
| `react-query` | Install react query library | [react-query](https://react-query.tanstack.com) |
| `react-router` | Install react router library | [react-router](https://reactrouter.com) |
example:
```console
npm create boilerplate-vite-react-ts YOUR_APP_NAME --axios --i18next
```
## Files structure
```
├── .husky
pre-commit
├── public
favicon.ico
└── src
└── assets
└── components
└── DataDisplay
└── Feedback
└── Inputs
└── Layout
└── Navigation
└── Surfaces
└── Utils
Router.tsx (optional if react-router is installed)
└── constants
routes.ts (optional if react-router is installed)
└── context
└── features
└── hooks
└── locales
└── pages
Contact.tsx (optional if react-router is installed)
Home.tsx (optional if react-router is installed)
└── services
└── stores
└── types
i18next.d.ts (optional if i18next is installed)
vite-env.d.ts
└── utils
App.test.tsx
App.tsx
test.config.ts
.eslintignore
.eslintrc.json
.gitignore
index.html
index.tsx
package.json
README.md
tsconfig.json
tsconfig.node.json
vite.config.ts
[yarn.lock|pnpm-lock.yaml|package-lock.json|bun.lockb]
```