Tauri Sveltekit Template screenshot

Tauri Sveltekit Template

Author Avatar Theme by Probablykasper
Updated: 15 Feb 2024
190 Stars

Tauri + SvelteKit template

Categories

Overview:

The Tauri Svelte Template is a project template that combines the Tauri framework, Svelte, and TypeScript to create a cross-platform application. It provides a convenient starting point for developers looking to build applications with these technologies. This template also includes additional features such as pre-installed Sass preprocessing, ESLint, and Prettier.

Features:

  • Tauri: The Tauri framework allows for the creation of native apps using web technologies.
  • Svelte: Svelte is a reactive framework for building web applications.
  • TypeScript: The template is written in TypeScript, providing type checking and improved tooling support.
  • Preprocessing with Sass: Sass is preinstalled in the template, allowing for easy styling using the Sass syntax.
  • ESLint: The template includes ESLint for code linting and error checking.
  • Prettier: Prettier is also included, providing automatic code formatting.

Installation:

To use the Tauri Svelte Template, follow these installation instructions:

  1. Install Node.js: Make sure you have Node.js installed on your system.
  2. Install Rust: Rust is required for building the native components of the application.
  3. Follow the Tauri setup guide: Follow the instructions in the Tauri documentation to set up Tauri on your machine.
  4. Run npm install: This will install the necessary dependencies for the template.

To run the template, use the following commands:

  • npm run dev: Starts the application in development mode.
  • npm run build: Builds the application.
  • npm run lint: Runs code linting using ESLint.
  • npm run format: Uses Prettier to format the code.

To release a new version of the application, follow these steps:

  1. Update CHANGELOG.md: Add a summary of the changes made in the new version.
  2. Bump the version number in src-tauri/Cargo.toml: Update the version number to reflect the new release.
  3. Run cargo check: This will update the Cargo.lock file.
  4. Create a git tag in the format v#.#.#: Tag the new release with the updated version number.
  5. Add release notes to the generated GitHub release and publish it: Add detailed release notes for the new version.

Summary:

The Tauri Svelte Template is a project template that combines Tauri, Svelte, and TypeScript to create a cross-platform application. It provides a convenient starting point for developers and includes features such as pre-installed Sass preprocessing, ESLint, and Prettier. The installation process is straightforward, and the template provides useful commands for development, building, linting, and formatting. Releasing a new version is also well-documented with clear steps to follow. Overall, the template offers a robust foundation for developing cross-platform applications with Tauri, Svelte, and TypeScript.