SSR with Typescript | Quasar Framework

How to contribute

Options & Helpers

Style & Identity

Layout and Grid

Vue Directives

Quasar Plugins

Vue Composables

Security

Quasar CLI (with Vite)

Quasar CLI (with Webpack)

The quasar.config file

Convert to CLI with Webpack

Browser Compatibility

Supporting TypeScript

Directory Structure

CSS Preprocessors

Lazy Loading - Code Splitting

Handling Assets

Prefetch Feature

Handling Webpack

Handling process.env

State Management with Pinia

State Management with Vuex

Testing & Auditing

SPA mode

SSR mode

Writing Universal Code

Configuring SSR

SSR Production Export

Vue SSR Directives

App Icons for SSR

Client Side Hydration

Handling 404 and 500 Errors

SSR Frequently Asked Questions

SSR with Typescript

PWA mode

Developing Mobile Apps

Capacitor mode

Cordova mode

Electron mode

Browser Extensions mode

Opening Dev Server To Public

Icon Genie CLI

App Extensions

Quasar Utils

Quasar CLI with Webpack - @quasar/app-webpack

SSR with Typescript

In order to support SSR with Typescript, you will need to:

Make sure that your project is configured with Typescript.
Then rename the extension for your files in /src-ssr from .js to .ts and make the necessary TS code changes.

More info: Supporting TS

Caught a mistake?Edit this page in browser