Saltearse al contenido
Tauri

SvelteKit

SvelteKit es un meta framework para Svelte. Aprende más sobre SvelteKit en https://svelte.dev/. Esta guía es válida para SvelteKit 2.5.7 y Svelte 4.2.15.

  • Usa SSG y/o SPA a través de static-adapter. Tauri no soporta oficialmente soluciones basadas en el servidor.
  • Usa build/ en lugar de frontendDist en tauri.conf.json.
  1. npm install --save-dev @sveltejs/adapter-static
  2. tauri.conf.json
    {
    "build": {
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run build",
    "devUrl": "http://localhost:5173",
    "frontendDist": "../build"
    }
    }
  3. svelte.config.js
    import adapter from '@sveltejs/adapter-static';
    import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
    /** @type {import('@sveltejs/kit').Config} */
    const config = {
    // Consulta https://svelte.dev/docs/kit/integrations#preprocessors
    // para más información sobre preprocesadores
    preprocess: vitePreprocess(),
    kit: {
    adapter: adapter(),
    },
    };
    export default config;
  4. Por último, necesitamos desactivar el SRR y habilitar el prerenderizado añadiendo un archivo raíz +layout.ts (o +layout.js si no estás usando TypeScript) con el siguiente contenido:

    src/routes/+layout.ts
    export const prerender = true;
    export const ssr = false;

    Ten en cuenta que static-adapter no requiere desactivar el SSR para toda la aplicación, pero permite usar APIs que dependen del objeto global window (como la API de Tauri) sin necesidad de realizar comprobaciones del lado del cliente.

    Además, si prefieres el modo de Aplicación de Página Única (SPA) en lugar de SSG, puedes cambiar las configuraciones del adaptador y el archivo +layout.ts según la documentación del adaptador.


© 2025 Tauri Contributors. CC-BY / MIT