Why donate
API Explorer
Upgrade Guide
Creating a New Project
The /quasar.config File
Convert q/app-webpack Project
Browser Compatibility
TypeScript Support
Directory Structure
Commands List
CSS Preprocessors
Page Routing with VueRouter
Lazy Loading - Code Splitting
Handling Assets
Boot Files
Prefetch Feature
API Proxying
Handling Vite
Handling import.meta.env
State Management with Pinia
Lint and Format Code
Testing & Auditing
Developing Mobile Apps
Ajax Requests
Opening Dev Server To Public
Quasar CLI with Vite - @quasar/app-vite v3
Installing SSG-specific dependencies

Warning! Beta Stage

The Quasar SSG Mode is currently in the “beta” stage. Based on the community feedback, the API may change in the future, so check the release notes each time you upgrade “@quasar/app-vite”.

The generated /src-ssg/package.json keeps build-time renderer dependencies separate from your application dependencies. Add a package here when it is imported directly by /src-ssg/ssg-renderer.

/src-ssg/package.json

{
  "name": "quasar-ssg-app",
  "version": "1.0.0",
  "description": "Quasar SSG folder",
  "type": "module",
  "private": true,
  "dependencies": {}
}

WARNING

Packages imported by application code under /src still belong in the root package.json. Install only renderer-specific packages under /src-ssg.

For example, to discover Markdown files from the renderer with tinyglobby:


# run in /src-ssg
pnpm add tinyglobby