https://github.com/lassejlv/vite-project

A fully setup vite template, includes typescript support, tailwind out-of-the-box. Have components in seprate html files, and more!
https://github.com/lassejlv/vite-project

bun prettier tailwindcss typescript vite vite-include-html-plugin

Last synced: about 2 months ago
JSON representation

A fully setup vite template, includes typescript support, tailwind out-of-the-box. Have components in seprate html files, and more!

• Host: GitHub
• URL: https://github.com/lassejlv/vite-project
• Owner: lassejlv
• Created: 2024-04-18T07:17:44.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-27T13:40:03.000Z (9 months ago)
• Last Synced: 2024-07-30T19:59:25.824Z (5 months ago)
• Topics: bun, prettier, tailwindcss, typescript, vite, vite-include-html-plugin
• Language: TypeScript
• Homepage:
• Size: 45.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Vite Project

> [!WARNING]

> This template only works with the [Bun Rumtime](https://bun.sh) installed on your system.

A fully setup vite template, includes typescript support, tailwind out-of-the-box. Have components in seprate html files, and more!

It also comes with setup `prettier-tailwind-plugin` for better sorting of tailwind classes.

It automatically setup a `multi-page` project, so you don't have to worry about setting up multiple pages. You can create a new page by running `bun new `. This will create a new page in `src/` with all the necessary files.

## Seprate Components

This template uses a plugin called `vite-include-html-plugin` wich will scan all your html files for a `` tag and replace it with the content of the file. This way you can have seprate components in seprate files. Make sure you have ending tags for the include tag, otherwise it will not work.

## Usage

```

bun install

````

```bash

bun dev

```

And you are good to go! 🚀