Pyro

Vue 3 + Vuex 4 + Vite 2 + SSR template (vite-ssr)

Features

• ⚡️ Vue 3

• Vite 2

• pnpm

• ESBuild

• Vuex

• 🗂 File based routing

• 📦 Components auto importing

• 📑 Layout system

• 🖨 Server-side rendering (SSR) en Node.js via vite-ssr

• 🦾 TypeScript, bien sûr

All inclusive

Plugins

• Vuex - store centralisé avec modules
• Vue Router
  • vite-plugin-pages - système de route à base de fichiers
  • vite-plugin-vue-layouts - layouts pour les pages
• unplugin-vue-components - auto import des composants
• VueUse - collection de composants pour l'api composition
• @vueuse/head - manipulation du head

Coding Style

• ESLint single quotes, no semi.

Dev tools

• TypeScript
• pnpm - package manager rapide et ascétique
• vite-ssr - Server-side rendering
• VS Code Extensions
  • Volar
  • ESLint

Usage

Installer pnpm avec npm (mouarf)

npm install -g pnpm

Development

pnpm dev # SSR development
pnpm dev:spa # SPA without SSR

Et enfin visitez : http://localhost:1337

Build

Pour construire l'appli :

pnpm build

Les fichiers générés sont dans dist