SvelteKit Music App Example

The project was created as part of the Sveltekit Hackathon and is intended to show examples of how to connect and process data as well as some practical examples of how to develop frontend components with tailwindcss. The project is open source and collaboration / further development is welcome.

Screenshot1 Screenshot2

Live Demo


# 1. clone this repository
git clone
  1. Register an application on spotify developer and get the client & secred keys
# 3. rename .env.example to .env and complete the variables with spotify client id and client secret
mv .env.example .env
# 4. run local
yarn && yarn dev


For vercel, you do not need any further configuration except to adjust the environment variables.

To deploy your app with another adapter, take a look adapter for your target environment.

Parts used



Colors Coolors


  • User authentication
  • Search function ☑️

Top categories

Loading Svelte Themes