tauri-spotify-clone icon indicating copy to clipboard operation
tauri-spotify-clone copied to clipboard

Spotify desktop app clone built with Tauri and Tailwind, with basic functionality.

Tauri Spotify Clone

Tauri Spotify Clone

This project is a clone of the Spotify desktop app built using Tauri and Tailwind. It includes some simple functionality such as "routing".

You can download pre-built final bundles from the Releases section.

gif

Getting Started

gh repo clone agmmnn/tauri-spotify-clone
cd tauri-spotify-clone
pnpm i
pnpm tauri dev
pnpm tauri build

Customization

The template can be customized by editing the following files:

  • src-tauri/tauri.conf.json
  • package.json
  • src-tauri/cargo.toml
  • To change the app icon, update app-icon.png, and then run pnpm tauri icon. This will automatically generate icon files into src-tauri/icons.

Folder Structure

.
├── public
├── src               //frontend src:
│   ├── assets
│   ├── components
│   ├── data
├── src-tauri         //backend src:
│   ├── build.rs
│   ├── Cargo.lock
│   ├── Cargo.toml    //https://doc.rust-lang.org/cargo/reference/manifest.html
│   ├── icons
│   ├── src           //rust codes
│   └── tauri.conf.json  //tauri config file https://next--tauri.netlify.app/next/api/config
├── index.html
├── package.json
├── postcss.config.js
├── prettier.config.cjs     //prettier config file https://prettier.io/docs/en/configuration.html
├── tailwind.config.js     //tailwind config file https://tailwindcss.com/docs/configuration
└── tsconfig.json          //typescript config file https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
└── vite.config.ts         //vite config file https://vitejs.dev/config/

Recommended IDE Setup