Tauri Nuxt Template screenshot

Tauri Nuxt Template

Author Avatar Theme by Huakunshen
Updated: 22 Jun 2024
147 Stars

Nuxt integratioon with Tauri template

Categories

Overview:

The Tauri + Nuxt 3 Template is a minimal template that combines the Tauri and Nuxt 3 frameworks. It is constructed using the official templates from Tauri and Nuxt 3. The template allows you to easily integrate the Tauri API with Nuxt, as long as the ssr (server-side rendering) option is set to false in the nuxt.config.ts file. The template has been kept clean by removing the code used to verify the Tauri API.

Features:

  • Combines Tauri and Nuxt 3 frameworks
  • Uses official templates from Tauri and Nuxt 3
  • Tauri API verified to work with Nuxt

Installation:

To install the Tauri + Nuxt 3 Template, you have two options:

  1. Click on “Use this template” on GitHub to create a new repository based on this template.
  2. Make a copy of this repository.

If you want to use the latest versions of Tauri and Nuxt, you can use the auto template generation script provided. Follow these steps:

  1. Run the gen-tauri-nuxt.sh script located in the repository.
  2. Pass your desired app name as an argument, like this: ./gen-tauri-nuxt.sh $YOUR_APP_NAME.
  3. The script will guide you through the process and generate the template automatically.
  4. Make sure to use npm run generate instead of the default npm run build command.

Summary:

The Tauri + Nuxt 3 Template is a convenient solution for developers looking to combine the Tauri and Nuxt 3 frameworks. It provides an easy integration of the Tauri API with Nuxt and offers a clean and minimal setup. Using the provided auto template generation script ensures that you can use the latest versions of Tauri and Nuxt seamlessly.