This repository is a template for building desktop and mobile applications using Tauri, Powersync, Supabase, Tanstack Router, React, Vite, and Tailwind CSS.
This template includes all the necessary setup for a modern full-stack application, with Tauri for desktop apps, Powersync for real-time syncing, Supabase for backend services, and Tanstack Router for routing. It also includes Tailwind CSS for utility-first styling.
To configure Supabase and Powersync in your project, youll need to setup a supabase database, and a powersync instance, and also add the following environment variables to your .env file.
VITE_SUPABASE_ANON_KEY: The anonymous key for your Supabase project.VITE_SUPABASE_URL: The URL for your Supabase instance.VITE_POWERSYNC_URL: The URL of your Powersync server.
For detailed instructions, visit the Powersync + Supabase Integrations guide to learn how to set up and configure your Powersync instance and supabase database.
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
VITE_SUPABASE_URL=https://your-supabase-url.supabase.co
VITE_POWERSYNC_URL=https://your-powersync-url.comEnsure you replace the placeholders (your_supabase_anon_key, your-supabase-url, your-powersync-url) with your actual values from the Supabase and Powersync setups.
To get started, install the dependencies by running:
pnpm installTo start the Tauri development environment for desktop:
pnpm tauri devTo start the Android development environment for Tauri:
pnpm tauri android devTo preview the app after building:
pnpm previewThis template comes pre-configured with:
- Vite
- Tailwind CSS
- React
- Tanstack Router
- Supabase
- Powersync
- and a few others.
Feel free to customize this template to suit your needs. You can modify routes, API integrations, or add new features as required.
Feel free to open issues or submit pull requests if you'd like to contribute to this template!