-
📲 PWA
-
🎨 Windi CSS - next generation utility-first CSS framework
-
🔥 Use the new
<script setup>syntax -
📥 APIs auto importing - use Composition API and others directly
-
🖨 Server-side generation (SSG) via vite-ssg
-
🦔 Critical CSS via critters
-
🦾 TypeScript, of course
-
⚙️ Unit Testing with Vitest, E2E Testing with Cypress on GitHub Actions
-
☁️ Deploy on Netlify, zero-config
- Windi CSS (On-demand TailwindCSS) - lighter and faster, with a bunch of additional features!
- Iconify - use icons from any icon sets 🔍Icônes
unplugin-icons- icons as Vue components
- Vue Router
vite-plugin-pages- 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 importingvite-plugin-pwa- PWAvite-plugin-windicss- Windi CSS Integrationvite-plugin-md- Markdown as components / components in Markdownmarkdown-it-prism- Prism for syntax highlightingprism-theme-vars- customizable Prism.js theme using CSS variables
- Vue I18n - Internationalization
vite-plugin-vue-i18n- Vite plugin for Vue I18n
- VueUse - collection of useful composition APIs
@vueuse/head- manipulate document head reactively
- Use Composition API with
<script setup>SFC syntax - ESLint with @antfu/eslint-config, single quotes, no semi.
- TypeScript
- Vitest - Unit testing powered by Vite
- Cypress - E2E testing
- pnpm - fast, disk space efficient package manager
vite-ssg- Server-side generation- critters - Critical CSS
- Netlify - zero-config deployment
- VS Code Extensions
- Vite - Fire up Vite server automatically
- Volar - Vue 3
<script setup>IDE support - Iconify IntelliSense - Icon inline display and autocomplete
- i18n Ally - All in one i18n support
- Windi CSS Intellisense - IDE support for Windi CSS
- ESLint
Just run and visit http://localhost:3333
pnpm devTo build the App, run
pnpm buildAnd you will see the generated file in dist that ready to be served.
Go to Netlify and select your clone, OK along the way, and your App will be live in a minute.