Skip to content

Building the Desktop App

Budgetzilla uses Tauri to provide a native desktop experience across macOS, Windows, and Linux.

To build the desktop application, you need the following installed on your system:

Run the application in development mode with hot-reloading:

Terminal window
cd webapp
npm run tauri:dev

This starts the Vite development server and opens the Tauri window.

Terminal window
cd webapp
npm run tauri:build

Build artifacts will be in src-tauri/target/release/bundle/macos/.

You can use the provided batch script to build on Windows (handling specific MSVC environment issues):

Terminal window
cd webapp
.\build_tauri.bat

Build artifacts will be in src-tauri/target/release/bundle/msi/ and bundle/setup.exe.

The desktop app is configured in webapp/src-tauri/tauri.conf.json.

FieldDescription
productNameThe display name of the application (set to Budgetzilla)
versionApp version string
identifierUnique bundle identifier (e.g., com.budgetzilla.app)
FieldDescription
titleDefault window title
width / heightInitial window dimensions
resizableWhether the user can resize the window

Icons are managed via the Tauri CLI. To update the application icons from a source image:

  1. Place your source icon (1024x1024 PNG recommended) in webapp/Budgetzilla.jpg (or any path)
  2. Run the icon generation command:
    Terminal window
    cd webapp
    npx tauri icon ./Budgetzilla.jpg

This automatically generates all required formats for all platforms in src-tauri/icons/.

If you encounter errors related to c2.dll or resource exhaustion:

  1. Use build_tauri.bat which forces x86 host tools.
  2. Ensure you have at least 8GB of RAM available.
  3. Check that VsDevCmd.bat path in the script matches your Visual Studio installation.

Ensure your Rust toolchain is up to date:

Terminal window
rustup update

The application requires the WebView2 runtime. It is pre-installed on Windows 10/11, but can be downloaded here if missing.