danelowe / vue-ssr-template

Quick Template for Vue 3 SSR

Vue SSR Template

Inspired by vitesse-ssr-template and Vite Example

Features

• ⚡️ Vue 3, Vite 2, pnpm
• 📦 Components auto importing
• 📲 PWA
• 🖨 Server-side rendering (SSR) in Node.js based on Vite Example
• 🦾 TypeScript, of course

Pre-packed

Plugins

• Vue Router
• vite-plugin-components - components auto import
• vite-plugin-pwa - PWA
• VueUse - collection of useful composition APIs
• @vueuse/head - manipulate document head reactively

Coding Style

• Use Composition API
• ESLint. Single quotes, no semi.

Usage

Development

Just run and visit http://localhost:3000

pnpm mobile:dev # SSR development

Build

To build the App, run

pnpm build

And you will see the generated files in dist