Vibe Template

A modern React template with TypeScript, Tailwind CSS, and Shadcn UI.

Tech Stack

• React 18
• TypeScript
• Vite
• Tailwind CSS
• Shadcn UI
• ESLint

Getting Started

1. Install dependencies:

# Using npm
npm install

# Using yarn
yarn

# Using pnpm
pnpm install

2. Start the development server:

# Using npm
npm run dev

# Using yarn
yarn dev

# Using pnpm
pnpm dev

3. Open http://localhost:5173 with your browser to see the result.

Features

• Type-safe with TypeScript
• Modern UI with Tailwind CSS and Shadcn UI
• Fast development with Vite
• Path aliases with @/ prefix

Building for Production

# Using npm
npm run build

# Using yarn
yarn build

# Using pnpm
pnpm build

Project Structure

/
├── public/          # Static assets
├── src/
│   ├── components/  # React components
│   │   └── ui/      # Shadcn UI components
│   ├── lib/         # Utilities and helpers
│   ├── App.tsx      # Main App component
│   ├── main.tsx     # Entry point
│   └── index.css    # Global styles with Tailwind
├── index.html
└── ... config files
``` # vibe-coding-template