create-boilerplate-vite-react-ts

Create quickly a skeleton of Vite React TypeScript application with amazing configuration.

• Quick Start
• Optional params
• Files structure

Quick Start

bun:

bun create boilerplate-vite-react-ts YOUR_APP_NAME

npm:

npm create boilerplate-vite-react-ts YOUR_APP_NAME

yarn:

yarn create boilerplate-vite-react-ts YOUR_APP_NAME

pnpm:

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 | | i18next | Install i18next library | i18next | | react-query | Install react query library | react-query | | react-router | Install react router library | react-router | example:

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]