This is a Spotify clone built with Astro, using the Spotify Web API for authentication and retrieving playlists related to the logged-in user. The View Transitions also don't lag behind, featuring fading transitions between pages, state persistence, and more.

Here are the steps to execute the project:

1. Clone the repo

   git clone [email protected]:sebastianterleira/astro-spotify-clone.git

2. Install NPM packages

   npm install

3. To make a build of all apps and packages

   npm build

4. Run the app

   npm run dev

You need create a .env file to be able work with environment variable, you can see this file the example (.env.example)

I do this because Spotify has my application in 'developer mode,' and I have to enable the account for each user who wants to log in, with a limit of only 25 users. That's why I provide a sample Spotify account for them to use the app. However, if they want to log in with their own credentials, they should run the project locally, setting up a Spotify application to configure the environment variables.

Email:

[email protected]

Password:

123456!@ST

• Astro JS crash course
• Astro JS in 100 seconds
• Astro JS docs
• Aprende Astro 3 desde cero
• Portafolio con Astro v4

(back to top)