Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/zadzbw/vite-preact-template

vite template for creating a Preact App
https://github.com/zadzbw/vite-preact-template

electron preact vite vite-preact-template vite-starter vite-template

Last synced: about 2 months ago
JSON representation

vite template for creating a Preact App

Awesome Lists containing this project

README

        

# vite-preact-template ✏️

A vite template for creating a Preact App with typescript, tailwindcss, scss, eslint, prettier, vitest, husky and lint-staged. Also support electron to create a desktop app.


image

## Features 🎸

- [x] Preact as basic framework
- [x] hooks and signals
- [x] tailwindcss + scss for style
- [x] prettier + eslint for code style
- [x] vitest for unit test and component test
- [x] husky + lint-staged for pre-commit hook
- [x] electron for desktop app

## Try it now 🚀

### GitHub template

[Use this template to create a new repo](https://github.com/zadzbw/vite-preact-template/generate).

### Clone to local

If you prefer to do it manually with the cleaner git history, you can do the following:

1. download the template

```bash
npx degit zadzbw/vite-preact-template my-app
```

2. push to your own repo

```bash
cd my-app

git init
git add .
git commit -m "commit message"
git remote add origin https://github.com/username/repositoryname.git
git push -u origin main
```

3. install dependencies

```bash
npm install pnpm --global
pnpm install --frozen-lockfile
```

and then you can start develop your Preact App.