React Vite ShadCN UI Template

A starter template for building modern React applications with Vite, ShadCN UI, and other essential tools.

Features

• ⚡ Vite - Fast development and optimized production builds.
• 🎨 ShadCN UI - Beautiful, accessible UI components.
• 🏗 Tailwind CSS - Utility-first CSS framework for styling.
• ⚛ React - Modern React setup with hooks and best practices.
• ✨ ESLint & Prettier - Code consistency and formatting.
• 🎨 Tailwind CSS - Utility-first CSS framework for rapid UI development.
• ❌ No TypeScript - Pure JavaScript setup for simplicity.

Getting Started

1. Clone the Repository

git clone git@github.com:gaagul/react-vite-shadcnui-template.git
cd react-vite-shadcnui-template

2. Install Dependencies

Using Yarn:

yarn install

Or using npm:

npm install

3. Start the Development Server

yarn dev

The application will be available at http://localhost:5173 by default.

Folder Structure

react-vite-shadcnui-template/
│── src/
│   ├── components/   # Reusable UI components
│   ├── pages/        # Application pages
│   ├── hooks/        # Custom hooks
│   ├── lib/          # Utility functions and configurations
│── public/           # Static assets
│── index.html        # Main HTML file
│── vite.config.js    # Vite configuration
│── tailwind.config.js # Tailwind CSS configuration
│── .eslintrc.js      # ESLint configuration
│── .prettierrc       # Prettier configuration

Building for Production

To build the project for production:

yarn build

Deployment

You can deploy the built project using services like Vercel, Netlify, or GitHub Pages.

Contributing

Feel free to submit issues and pull requests to improve this template!

License

This project is licensed under the MIT License.

---

Happy coding! 🚀