SvelteKit Tailwind with Tauri
This project leverages the best of modern web and desktop development by integrating SvelteKit, Tailwind CSS, and Tauri. SvelteKit provides a seamless development experience and efficient build optimization. Tailwind CSS uses a utility-first approach for rapid and maintainable UI development. Tauri binds it all together into a lightweight, cross-platform desktop application that can target Windows, macOS, Linux, Android, and iOS.
Prerequisites
- Node.js - Ensure Node.js is installed on your system.
- Rust - Install Rust using rustup.
- Platform-specific dependencies for Tauri:
- iOS/Android: Xcode, Android Studio, and related SDKs.
- Windows/macOS/Linux: Ensure build tools for your platform are installed.
Installation
Use pnpm for efficient and fast package management. If pnpm is not installed:
npm install -g pnpm
Setting Up the Project
Clone the repository and install dependencies:
git clone https://github.com/your-username/sveltekit-tailwind-tauri
cd sveltekit-tailwind-tauri
pnpm i
Development
Platform Initialization
Before running the application, initialize the platform you're targeting:
- iOS:
pnpm tauri ios init - Android:
pnpm tauri android init - Windows/macOS/Linux:
# No initialization needed, directly run: pnpm tauri dev
Running the Application
After initialization, to run the application in development mode:
- iOS:
pnpm tauri ios dev - Android:
# Make sure to have an emulator running or a device connected pnpm tauri android dev - Windows/macOS/Linux:
pnpm tauri dev
License
This project is open-sourced under the MIT License.
Refer to the official documentation for detailed guidance:
