@blitzkiiro/vite-react-tsx-starter

React-Vite-TS Boilerplate

This is a high-performance, scalable, and customizable React boilerplate built with modern web development tools. It includes a full setup for a fast and efficient development process with Vite, TypeScript, Tailwind CSS, ShadCN UI components, and much more.

Features

• ⚛️ React: Modern React setup for building scalable UI.
• 🛣️ React Router DOM: Client-side routing for a seamless single-page application.
• ⚡ Vite: Super fast bundler and dev server for lightning-fast builds and hot-reloading.
• #️⃣ TypeScript: Type-safe code with TypeScript.
• 🎨 Tailwind CSS: Utility-first CSS framework for rapid UI development.
• 🎨 ShadCN: Pre-built and customizable UI components.
• 🗃️ React Query: Data fetching and caching library to manage server state.
• 📡 Axios: Promise-based HTTP client for making API requests.
• 📦 Million.js: Performance-focused library for speeding up React rendering.
• 🌐 i18next: Internationalization and localization support.
• 🌙 Dark/Light Mode: Supports both dark and light themes with easy switching.
• 🏷️ Path Aliases: Simplified import paths for cleaner code.
• 🛠️ ESLint: Static code analysis for ensuring consistent coding style.
• 🖼️ vite-plugin-svgr: SVG as React components using Vite's SVGR plugin.

Prerequisites

Ensure you have the following tools installed on your machine:

• Node.js 22+
• Yarn or npm

Installation

Using NPM

1. use npx command

   npx @blitzkiiro/vite-react-tsx-starter project-name

Using Git CLI

1. Clone the repository:

   git clone https://github.com/BlitzKiiro/vite-react-tailwind-shadcn-reactquery-ts-boilerplate project-name
   cd project-name

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev