Qwik

This content is not available in your language yet.

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