Skip to content
Tauri

Nuxt

Nuxt is a meta framework for Vue. Learn more about Nuxt at https://nuxt.com. This guide is accurate as of Nuxt 3.11.

Checklist

  • Use SSG by setting ssr: false. Tauri doesn’t support server based solutions.
  • Set host to 0.0.0.0.
  • Use dist/ as frontendDist in tauri.conf.json.
  • Compile using nuxi generate.
  • (Optional): Disable telemetry by setting telemetry: false in nuxt.config.ts.

Example Configuration

  1. tauri.conf.json
    {
    "build": {
    "beforeDevCommand": "npm run dev",
    "beforeBuildCommand": "npm run generate",
    "devUrl": "http://localhost:3000",
    "frontendDist": "../dist"
    }
    }
  2. Update Nuxt configuration
    export default defineNuxtConfig({
    // (optional) Enable the Nuxt devtools
    devtools: { enabled: true },
    // Enable SSG
    ssr: false,
    // Enables the development server to be discoverable by other devices for mobile development
    devServer: { host: '0.0.0.0' },
    vite: {
    // Better support for Tauri CLI output
    clearScreen: false,
    // Enable environment variables
    // Additional environment variables can be found at
    // https://tauri.app/2/reference/environment-variables/
    envPrefix: ['VITE_', 'TAURI_'],
    server: {
    // Tauri requires a consistent port
    strictPort: true,
    hmr: {
    // Use websocket for mobile hot reloading
    protocol: 'ws',
    // Make sure it's available on the network
    host: '0.0.0.0',
    // Use a specific port for hmr
    port: 5183,
    },
    },
    },
    });

© 2024 Tauri Contributors. CC-BY / MIT