Vite React Shadcn UI Starter

A modern starter template for building React applications with Vite, TypeScript, and Shadcn UI components.

Features

• ⚡ Vite: Fast build tool and development server
• ⚛️ React 19: Latest React with TypeScript support
• 🎨 Shadcn UI: Beautiful and accessible UI components
• 🎨 Tailwind CSS: Utility-first CSS framework
• 🔧 ESLint: Code linting and formatting
• 📦 TypeScript: Type-safe development

Getting Started

Prerequisites

• Node.js (version 18 or higher)
• npm or yarn

Installation

1. Clone the repository using one of the following commands:

   SSH:

   npx degit git@github.com:andreitere/vite-react-shadcn-starter.git my-app
   cd my-app

   HTTPS:

   npx degit https://github.com/andreitere/vite-react-shadcn-starter.git my-app
   cd my-app

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:5173 in your browser.

Available Scripts

• npm run dev - Start the development server
• npm run build - Build the project for production
• npm run lint - Run ESLint for code linting
• npm run preview - Preview the production build locally

Project Structure

src/
├── assets/          # Static assets
├── components/
│   └── ui/          # Shadcn UI components
├── lib/
│   └── utils.ts     # Utility functions
├── styles/
│   └── index.css    # Global styles
├── App.tsx          # Main app component
└── main.tsx         # App entry point

Adding Shadcn UI Components

To add more components from Shadcn UI:

npx shadcn@latest add [component-name]

For example:

npx shadcn@latest add input

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License.