BoardErsteller
Features
-
π File based routing
-
π Layout system
-
π² PWA
-
π¨ UnoCSS - the instant on-demand atomic CSS engine
-
π I18n ready
-
π Component Preview
-
π₯ Use the new
<script setup>
syntax -
π₯ APIs auto importing - use Composition API and others directly
-
π¨ Static-site generation (SSG) via vite-ssg
-
π¦ Critical CSS via critters
-
π€ Webfont self-hosting
-
π¦Ύ TypeScript, of course
-
βοΈ Unit Testing with Vitest, E2E Testing with Cypress on GitHub Actions
-
βοΈ Deploy on Netlify, zero-config
Pre-packed
UI Frameworks
- UnoCSS - The instant on-demand atomic CSS engine.
Icons
- Iconify - use icons from any icon sets πIcΓ΄nes
- Pure CSS Icons via UnoCSS
Plugins
- Vue Router
unplugin-vue-router
- file system based routingvite-plugin-vue-layouts
- layouts for pages
- Pinia - Intuitive, type safe, light and flexible Store for Vue using the composition api
unplugin-vue-components
- components auto importunplugin-auto-import
- Directly use Vue Composition API and others without importingunplugin-vue-macros
- Explore and extend more macros and syntax sugar to Vue.vite-plugin-pwa
- PWA- Vue I18n - Internationalization
unplugin-vue-i18n
- unplugin for Vue I18n
- VueUse - collection of useful composition APIs
vite-ssg-sitemap
- Sitemap generator@vueuse/head
- manipulate document head reactivelyvite-plugin-webfont-dl
- Zero-config webfont (Google Fonts) downloader and injector to improve website's performance.vite-plugin-vue-devtools
- Designed to enhance the Vue developer experience.
Coding Style
- Use Composition API with
<script setup>
SFC syntax - ESLint with @antfu/eslint-config, single quotes, no semi.
Checklist
When you use this template, try follow the checklist to update your info properly
- Change the author name in
LICENSE
- Change the title in
App.vue
- Change the hostname in
vite.config.ts
- Change the favicon in
public
- Remove the
.github
folder which contains the funding info - Clean up the READMEs and remove routes
And, enjoy :)
Usage
Development
Just run and visit http://localhost:3333
pnpm dev
Build
To build the App, run
pnpm build
And you will see the generated file in dist
that ready to be served.
Deploy on Netlify
Go to Netlify and select your clone, OK
along the way, and your App will be live in a minute.