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
Preparation for SSG

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”.

Quasar CLI selects the application target through the --mode (-m) option of the quasar dev and quasar build commands.

Add SSG mode to an existing Quasar project with:

quasar mode add ssg

You can also start the SSG development server directly:

quasar dev -m ssg

If SSG mode is missing, Quasar CLI offers to add it before starting the server.

After you choose whether to use Filename-Based Routing, Quasar creates the following folder:

ssg-renderer.js
# (or .ts) SSG generator script
package.json
# helps install SSG only deps directly under /src-ssg

The renderer defines which routes become static pages. See SSG Renderer before creating your first production build.