Vue3 Vite Simple Login Starter Template based on Vitesse(by @antfu)
-
📲 PWA
-
🎨 UnoCSS - the instant on-demand atomic CSS engine
-
🔥 Use the new
<script setup>syntax -
🤙🏻 Reactivity Transform enabled
-
📥 APIs auto importing - use Composition API and others directly
-
🖨 Static-site generation (SSG) via vite-ssg
-
🦾 TypeScript, of course
-
☁️ Deploy on Netlify, zero-config
- UnoCSS - The instant on-demand atomic CSS engine.
- Iconify - use icons from any icon sets 🔍Icônes
- Pure CSS Icons via UnoCSS
- 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- PWA- Vue I18n - Internationalization
vite-plugin-vue-i18n- Vite plugin for Vue I18n
- VueUse - collection of useful composition APIs
vite-ssg-sitemap- Sitemap generator@vueuse/head- manipulate document head reactively
- Use Composition API with
<script setup>SFC syntax - ESLint with @antfu/eslint-config, single quotes, no semi.
This template requires Node >=14.18
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 favicon in
public - Clean up the README
And, enjoy :)
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.