spotify-web-wrapper Svelte Themes

Spotify Web Wrapper

Simple spotify web wrapper with a minimal design written with Svelte.

Spotify Web Wrapper

Simple Spotify web wrapper with a minimal design and interface written with SvelteKit.

How is this project created ๐Ÿ› ๏ธ

This project is created with SvelteKit with Vite for fast development & building. For setting up SvelteKit with Vite, I used the commands below:

npm create svelte@latest .

After executing this command, your command line will ask some questions.

> โˆš Which Svelte app template? ยป Skeleton project
> โˆš Add type checking with TypeScript? ยป Yes, using TypeScript syntax
> โˆš Add ESLint for code linting? ... No / *Yes*
> โˆš Add Prettier for code formatting? ... No / *Yes*
> โˆš Add Playwright for browser testing? ... No / *Yes*
> โˆš Add Vitest for unit testing? ... No / *Yes*

Now you can work on your Svelte application which is set up in your current working directory.

Run Locally ๐Ÿงฑ

The first step is cloning the repository on your local machine. This will create a new folder which includes the source code from the repository.

git clone https://github.com/HalloSouf/spotify-web-wrapper.git

Navigate through your CLI to the directory which is created by git.

cd spotify-web-wrapper

Install the required dependencies listed in the package.json file.

yarn install

Start your Sveltekit application by running the dev command.

yarn run dev -- --open

Deployment ๐Ÿ“ฆ

To deploy your application on a production environment, you may need to install an adapter for your target environment.

You can preview the production build with yarn run preview.

Deploy with Docker ๐Ÿฌ

I added a Dockerfile for deploying your SvelteKit application with Docker on your production server.

docker compose up

For building the images add the --build to the command above. The nginx config is not fully optizimed for production.

License ๐Ÿ“œ

MIT

Top categories

Loading Svelte Themes