Qwik

This guide will walk you through creating your Tauri app using the Qwik web framework. Learn more about Qwik at https://qwik.dev.

Checklist

Use SSG. Tauri doesn’t support server-based solutions.
Use dist/ as frontendDist in tauri.conf.json.

Example Configuration

- npm
- yarn
- pnpm
- deno
npm create qwik@latest cd <PROJECT>
yarn create qwik@latest cd <PROJECT>
pnpm create qwik@latest cd <PROJECT>
deno run -A npm:create-qwik@latest cd <PROJECT>

npm run qwik add static

yarn qwik add static

pnpm qwik add static

deno task qwik add static

npm install -D @tauri-apps/cli@latest

yarn add -D @tauri-apps/cli@latest

pnpm add -D @tauri-apps/cli@latest

deno add -D npm:@tauri-apps/cli@latest

npm run tauri init

yarn tauri init

pnpm tauri init

deno task tauri init

{
  "build": {
    "devUrl": "http://localhost:5173"
    "frontendDist": "../dist",
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run build"
  }
}

{
  "build": {
    "devUrl": "http://localhost:5173"
    "frontendDist": "../dist",
    "beforeDevCommand": "yarn dev",
    "beforeBuildCommand": "yarn build"
  }
}

{
  "build": {
    "devUrl": "http://localhost:5173"
    "frontendDist": "../dist",
    "beforeDevCommand": "pnpm dev",
    "beforeBuildCommand": "pnpm build"
  }
}

{
  "build": {
    "devUrl": "http://localhost:5173"
    "frontendDist": "../dist",
    "beforeDevCommand": "deno task dev",
    "beforeBuildCommand": "deno task build"
  }
}

npm run tauri dev

yarn tauri dev

pnpm tauri dev

deno task tauri dev