React + Vite + shadcn/ui Template

A modern web application template using React, TypeScript, Vite, shadcn/ui components, and Tailwind CSS.

Technologies

This template includes:

• Vite - Next-generation frontend tooling
• React - A JavaScript library for building user interfaces
• TypeScript - JavaScript with syntax for types
• shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS
• Tailwind CSS - A utility-first CSS framework

Getting Started

STEP 1 Option A (Recommended) ⭐

Use GitHub's template feature to create your project:

1. Click the "Use this template" button above
2. Select "Create a new repository"
3. Choose your repository name and settings
4. Click "Create repository from template"

STEP 1 Option B (Alternative)

If you prefer to start manually:

# Clone the template repository
git clone https://github.com/bobby-io/react-vite-shadcn-template
cd react-vite-shadcn-template

# Remove the existing git history
rm -rf .git

# Initialize as a fresh git repository
git init

STEP 2 - Next Steps (Required)

1. Install dependencies:

npm install

2. Start the development server:

npm run dev

This will give you a fresh start with your own repository while maintaining all the template's features and configurations.

Development

• Run development server: npm run dev
• Build for production: npm run build
• Preview production build: npm run preview

Customization

• Update the configuration in vite.config.ts to customize your build
• Modify theme settings in tailwind.config.js
• Add or modify components in the src/components directory
• Update global styles in src/index.css

Deployment

This template can be deployed to various platforms:

• Vercel
• Netlify
• GitHub Pages
• Any other platform that supports static site hosting