/sveltekit-apple-music-search

A demo of SvelteKit, TailwindCSS and Apple Music API

Primary LanguageJavaScriptMIT LicenseMIT

SvelteKit Apple Music Search

A demo and developer test how easy to create and how fast Static Sites are with SvelteKit and TailwindCSS, in this example with Apple Music API integration.
A running example of searching for songs is at sveltekit-tailwind-apple-music-player.swissmation.io.

What is used

  • Svelte / SvelteKit
  • TailwindCSS
  • Vercel adapter

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run builds

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.


todo

  • performance measures/indicators
  • check dark/light mode
  • svelte error 500 load failed
  • link zu apple music funktioniert nicht
  • schrift automatisch verkeinern
  • encode search string
  • animated background
  • info card fade in