quasarframework/agent-skills

quasar-ssg-development

Build, configure, debug, optimize, and deploy statically generated Quasar sites.

ソースを見る
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

Quasar SSG Development

Use this skill with quasar-development; apply SSR-safe coding practices during generation.

Configure generation

  1. Inspect quasar.config.* > ssg, src-ssg/, router definitions, data sources, and deployment target.
  2. Read the current Quasar SSG documentation.
  3. Add the mode with quasar mode add ssg.
  4. Run with quasar dev -m ssg; generate with quasar build -m ssg.

Make output complete and deterministic

  • Ensure every public dynamic route is discoverable by the SSG renderer or supplied explicitly.
  • Fetch build-time content deterministically and fail clearly when required content cannot be generated.
  • Avoid browser globals while rendering; delay client-only integrations until hydration.
  • Generate canonical URLs, titles, descriptions, social metadata, and structured data per route.
  • Configure the base/public path for the final host.
  • Provide and verify the generated 404 strategy supported by the target host.
  • Use hybrid partial CSR only for routes that cannot or should not be generated.
  • Treat build-time credentials as secrets and ensure they never appear in emitted HTML or JavaScript.

Validate the generated site

  1. Inspect the output for all expected route files and metadata.
  2. Serve the production output from a static server at the intended base path.
  3. Test direct navigation, refresh, hydration, internal links, asset paths, and the 404 page.
  4. Check for broken links and accidental secret or private-data serialization.
  5. Run tests, typecheck, lint, and formatting checks.
同じリポジトリから

関連する Skills

すべての Skills
quasarframework
コミュニティ

quasar-bex-development

Build, configure, secure, debug, test, and package browser extensions with Quasar BEX mode. Use for extension manifests, Manifest V3, background service workers, content scripts, injected page scripts, popup and options pages, permissions, cross-context messaging, BEX bridge, Chrome or Firefox targets, store packaging, and quasar dev or quasar build -m bex workflows.

導入数
1
GitHub Stars
1
更新日
8月19日
quasarframework
コミュニティ

quasar-capacitor-development

Build, configure, debug, test, and release Quasar mobile applications using Capacitor for Android and iOS. Use for Quasar Capacitor mode, native projects, Capacitor plugins, permissions, deep links, app lifecycle, device testing, icons and splash screens, signing, stores, live updates, and quasar dev or quasar build -m capacitor workflows.

導入数
1
GitHub Stars
1
更新日
8月19日
quasarframework
コミュニティ

quasar-development

Build, debug, test, and maintain Quasar Framework applications using Vue 3 and Quasar CLI with Vite. Use for Quasar components, composables, plugins, boot files, routing, state management, layouts, forms, theming, configuration, TypeScript, accessibility, testing, builds, dependency updates, and general Quasar application architecture. Pair with a mode-specific Quasar skill for SPA, SSR, SSG, PWA, Capacitor, Cordova, Electron, or BEX work.

導入数
1
GitHub Stars
1
更新日
8月19日
quasarframework
コミュニティ

quasar-electron-development

Build, configure, secure, debug, test, package, and release Quasar desktop applications using Electron on Windows, macOS, and Linux. Use for Quasar Electron mode, main and preload processes, context isolation, IPC, native menus, file and protocol handling, deep links, auto-updates, packaging, signing, and quasar dev or quasar build -m electron workflows.

導入数
1
GitHub Stars
1
更新日
8月19日