Starter Template

This is a starter template for directus-extension-ssr.

Features

• ⚡️ Vue 3, Vite, pnpm, esbuild - born with fastness
• 🍍 State Management via Pinia
• 🎨 UnoCSS - the instant on-demand atomic CSS engine
• 😃 Use icons from any icon sets with classes
• 🔥 Use the new <script setup> syntax
• 🔤 Webfont self-hosting
• 🦾 TypeScript, of course

Pre-packed

UI Frameworks

• UnoCSS - The instant on-demand atomic CSS engine.

Icons

• Iconify - use icons from any icon sets 🔍Icônes
• Pure CSS Icons via UnoCSS

Plugins

• Vue Router
• Pinia - Intuitive, type safe, light and flexible Store for Vue using the composition api
• VueUse - collection of useful composition APIs
• @vueuse/head - manipulate document head reactively
• vite-plugin-webfont-dl - Zero-config webfont (Google Fonts) downloader and injector to improve website's performance.

Coding Style

• Use Composition API with <script setup> SFC syntax
• ESLint with @antfu/eslint-config, single quotes, no semi.

Dev tools

• TypeScript
• pnpm - fast, disk space efficient package manager
• directus-extension-ssr - fast development for directus application.

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

npx degit domsen123/directus-ssr-starter my-directus-ssr-app
cd my-directus-ssr-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Inspired by

Vitesse SSG - by antfu ♥
Vitesse SSR - by frandiox ♥