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