Qwik

Esta guía te guiará a través de la creación de tu app de Tauri utilizando el framework web Qwik. Aprende más sobre Qwik en https://qwik.dev.

Lista de verificación

• Usa SSG. Tauri no soporta soluciones basadas en servidor.
• Usa dist/ como frontendDist en tauri.conf.json.

Configuración de ejemplo

1. Crear una nueva app de Qwik

   npm

   npm create qwik@latest
   cd <PROJECT>

   yarn

   yarn create qwik@latest
   cd <PROJECT>

   pnpm

   pnpm create qwik@latest
   cd <PROJECT>

   deno

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

2. Instalar el adaptador estático

   npm

   npm run qwik add static

   yarn

   yarn qwik add static

   pnpm

   pnpm qwik add static

   deno

   deno task qwik add static

3. Agregar la CLI de Tauri a tu proyecto

   npm

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

   yarn

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

   pnpm

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

   deno

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

4. Iniciar un nuevo proyecto de Tauri

   npm

   npm run tauri init

   yarn

   yarn tauri init

   pnpm

   pnpm tauri init

   deno

   deno task tauri init

5. Configuración de Tauri

   npm

   tauri.conf.json

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

   yarn

   tauri.conf.json

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

   pnpm

   tauri.conf.json

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

   deno

   tauri.conf.json

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

6. Iniciar tu app de Tauri

   npm

   npm run tauri dev

   yarn

   yarn tauri dev

   pnpm

   pnpm tauri dev

   deno

   deno task tauri dev