Vue JS 3 + Typescript + Quasar 2 SSR mode + Docker

A Quasar Project
Demo VDO

Backend Rest Api

1 Java Springboot java-spring-boot-starter

Install the dependencies

yarn
# or
npm install

Config your Project at my-app/quasar.config.js

API endpoint

  env: {
        API: ctx.dev ? 'http://localhost:8080' : 'https://api.yourdomain.com',
        cdnBaseUrl: ctx.dev
          ? 'http://localhost:8080'
          : 'https://api.yourdomain.com',
  }

devServer

   devServer: {
      // https: true
      open: false, // opens browser window automatically
      port: ctx.mode.spa ? 8000 : ctx.mode.pwa ? 9000 : 9100,
    },

Start the app in development mode (hot-code reloading, error reporting, etc.)

npm run dev or
yarn dev or
quasar dev

Starting webserver at port 8000

Start the app in development SSR mode (hot-code reloading, error reporting, etc.)

npm run dev:ssr or
yarn dev:ssr or
quasar dev -m ssr

Starting webserver at port 9100

Lint the files

yarn lint
# or
npm run lint

Format the files

yarn format
# or
npm run format

Build the app for production

npm run build or
yarn build or
quasar build

Build the SSR app for production

npm run build:ssr or
yarn build:ssr or
quasar build -m ssr

Docker run

docker-compose build
docker-compose up -d

Customize the configuration

See Configuring quasar.config.js.