Preparation for SSG | Quasar Framework

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

# or, to skip the filename-based-routing prompt (useful for scripts/CI):
quasar mode add ssg --filename-based-routing

In a non-interactive environment (such as CI), where the prompt cannot be answered, the scaffolding assumes filename-based routing is NOT being used, unless the --filename-based-routing parameter is specified.

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:

src-ssg/

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.

Caught a mistake?Edit this page in browser