Skip to content

VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v2

Repository files navigation

Tauri + React + Vite + Typescript + antd + i18next + Tokio + Styled Components

This template should help get you started developing with Tauri, React, Vite, Typescript, antd, i18next, Styled Components and Tokio.

The template is for Tauri version 2+, for the Version 1 template here.

Recommended IDE Setup 1

Recommended IDE Setup 2

To use this template

After GitHub Use this template:

  1. CD into change-name-owner-src

  2. Run NPM install: npm i

  3. Run the replace script:

    node ./index.js --copyright [your company/your name] --appName [the application name] --initialVersion [0.0.1] --appUrl [the main url for the application web site] --sourceUrl [the source code url for the application source] --manualDownloadUri [an url where the application may be downloaded] --shortDescription [A short one-line description of the application]

    Example:

    node ./index.js --copyright VPKSoft --appName MyNewApp --initialVersion 0.1.0 --appUrl https://www.vpksoft.net --sourceUrl https://github.com/VPKSoft/MyNewApp --manualDownloadUri https://github.com/VPKSoft/MyNewApp/releases/latest --shortDescription "An app for something"

Debug instructions to RustRover or Visual Studio Code

Features

Support for extendable application preferences and a popup for the mentioned purpose:
image image

Support for localization which is totally optional.

For backend localization see the additional readme.

The window title bar is custom. E.g. it looks the same with different operation systems: image

Also with dark mode support: image

The application running on mobile:

image image

The drawer menu on mobile:

image image

Customizable tool bar and menu with React(antd) components.