An open API service indexing awesome lists of open source software.

https://github.com/davitorelli/boilerplate-react-tailwindcss-shadcn

A simple template built with React + Vite, using the TailwindCSS framework and the Shadcn component library. I recommend using Bun for the project.
https://github.com/davitorelli/boilerplate-react-tailwindcss-shadcn

boilerplate bun javascript learning learning-by-doing productivity react reactjs shadcn-ui structure tailwindcss template vite

Last synced: 2 months ago
JSON representation

A simple template built with React + Vite, using the TailwindCSS framework and the Shadcn component library. I recommend using Bun for the project.

Awesome Lists containing this project

README

          

# React + Vite + TailwindCSS + Shadcn/UI

A simple template for people that want to study without cracking their heads setting and making project bases.

I recommend to use [Bun](https://bun.sh/), but feel free to use npm or anything else...

## Getting Started

### Pre-requisites

- Node.js (version 14.0.0 or higher)
- bun (version 1.1.6 or higher) || npm || yarn
> Note: This is suggested use bun over npm and yarn.

### Installation

1. Use this Template:

- click on "use this template"
- then "create a new repository" and make your custom settings

2. Clone the your new repository:

```
git clone https://github.com/your-username/vite-template.git
cd vite-template
```

3. Install dependencies:

```
bun install
```

4. Start the development server:

```
bun dev
// OR
bun vite
```

---

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=flat&logo=javascript&logoColor=%23F7DF1E)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=flat&logo=react&logoColor=%2361DAFB)
![Vite](https://img.shields.io/badge/php-%23777BB4.svg?style=flat&logo=php&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat&logo=tailwind-css&logoColor=white)
![Shadcn/UI](https://img.shields.io/badge/shadcn%20ui-161618.svg?style=flat&logo=shadcnui&logoColor=white)
![Bun](https://img.shields.io/badge/Bun-%23000000.svg?style=flat&logo=bun&logoColor=white)
![Radix UI](https://img.shields.io/badge/radix%20ui-161618.svg?style=flat&logo=radix-ui&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=flat&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=flat&logo=css3&logoColor=white)