Vite Vue SSR Starter
Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse
Features
-
⚡️ Vue 3, Vite 2, TypeScript -
🎨 Windi CSS — on-demand Tailwind CSS with speed -
⭐️ Element Plus — big collection of UI components -
🌗 Light mode / Dark mode -
🖨 Server-side rendering (SSR) in Node.js via vite-plugin-ssr -
🍍 Safe and fast State Management via Pinia -
🦾 ohmyfetch — fastfetch
API that works on node, browser and workers -
⚙️ Unit Testing with Vitest -
🦁️ Fast server with Fastify -
🌊 HTML-streaming to reduce TTFB
Pre-packed
UI Frameworks
- Windi CSS (On-demand TailwindCSS) — lighter and faster, with a bundle additional features
- Element Plus — great Vue 3 UI Library
Plugins
vite-plugin-ssr
— SSRvite-plugin-components
— components auto importvite-plugin-windicss
— WindiCSS supportvite-plugin-style-import
— imports component library styles on demand.it is fastVueUse
— collection of useful composition APIs@vueuse/head
— manipulate document head reactivelyvite-plugin-svg-icons
— Vite Plugin for fast creating SVG spritesvite-plugin-html
— HTML minification@rollup/plugin-yaml
— YAML loading
Try it now!
GitHub Template
Create a repo from this template on GitHub.
Quick start
git clone https://github.com/revenkroz/vite-vue-ssr-starter
yarn install
yarn dev
index.html and 404.html not generated when build
Hi, first of thanks for sharing this starter ! :) It works great in local and I am trying to deploy this on vercel but I notice that when building the dist/client folder do not have index.html or 404.html files like it should have I guess... ? So when deploying on vercel, I only see the listing of the directory of dist/client.
Is it normal?