revenkroz / vite-vue-ssr-starter

⚡️ Vite Vue SSR Frontend Starter Kit. TypeScript, Windi CSS, Pinia, DDD-ready, components auto-importing

Vite Vue SSR Starter

Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse

Features

• ⚡️ Vue 3, Vite 2, TypeScript

• 🗂 Domain-Driven-ready file structure

• 📦 Components auto importing

• 🎨 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 — fast fetch 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 — SSR
• vite-plugin-components — components auto import
• vite-plugin-windicss — WindiCSS support
• vite-plugin-style-import — imports component library styles on demand.it is fast
• VueUse — collection of useful composition APIs
• @vueuse/head — manipulate document head reactively
• vite-plugin-svg-icons — Vite Plugin for fast creating SVG sprites
• vite-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