Nuxt js 3 + Typescript + Quasar + Docker

February 21, 2026 ยท View on GitHub

Demo Link

Quasar version

Backend Rest Api

1 Java Springboot java-spring-boot-starter

Dashboard dashboard

dashboard

Social feed feed

feed

Chat layout chat

chat

chat

chat

chat

chat

chat

chat

chat

chat

Charts charts

charts

charts

Gallery gallerry

Pdf view pdf-view

Image corpper image-crop

Drag drop drag-drop

Markdown editor markdown

Carousel markdown

Settings setting

WSL Ubuntu Quick Start

  1. Install Node.js 20+ and enable Corepack in WSL:
node -v
corepack enable
corepack prepare pnpm@latest --activate
  1. Install dependencies and run environment checks:
pnpm install
pnpm wsl:doctor
  1. Start dev server (WSL file-watch safe mode):
pnpm dev:wsl

dev:wsl enables polling watchers (CHOKIDAR_USEPOLLING, WATCHPACK_POLLING) to avoid missing file changes when your project is on a mounted Windows drive.

  1. If Docker Desktop + WSL integration is enabled:
./build-app.sh

Setup

API endpoint at my-app/.env or my-app/.env.dev

NUXT_PUBLIC_API_BASE = 'http://localhost:8080'
NUXT_PUBLIC_CDN_BASE = 'http://localhost:8080'

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

Development Server

Start the development server on http://localhost:3003:

# npm
npm run dev

# pnpm
pnpm dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

Check out the deployment documentation for more information.