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.com
Ensure 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 install
To start the Tauri development environment for desktop:
pnpm tauri dev
To start the Android development environment for Tauri:
pnpm tauri android dev
To preview the app after building:
pnpm preview
This 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!