▸ Agent Skills
2 min read

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

  1. Create a new Qwik app
    npm create qwik@latestcd <PROJECT>
    yarn create qwik@latestcd <PROJECT>
    pnpm create qwik@latestcd <PROJECT>
    deno run -A npm:create-qwik@latestcd <PROJECT>
  2. Install the static adapter
    npm run qwik add static
    yarn qwik add static
    pnpm qwik add static
    deno task qwik add static
  3. Add the Tauri CLI to your project
    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
  4. Initiate a new Tauri project
    npm run tauri init
    yarn tauri init
    pnpm tauri init
    deno task tauri init
  5. Tauri configuration
    {  "build": {    "devUrl": "http://localhost:5173"    "frontendDist": "../dist",    "beforeDevCommand": "npm run dev",    "beforeBuildCommand": "npm run build"  }}

    tauri.conf.json

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

    tauri.conf.json

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

    tauri.conf.json

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

    tauri.conf.json

  6. Start your tauri app
    npm run tauri dev
    yarn tauri dev
    pnpm tauri dev
    deno task tauri dev

Support on Open CollectiveSponsor on GitHub

© 2026 Tauri Contributors. CC-BY / MIT


Last updated Oct 08, 2026