Simple Spotify web wrapper with a minimal design and interface written with SvelteKit.
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.
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
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
.
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.