Skip to content
This repository was archived by the owner on Nov 27, 2024. It is now read-only.

BryceStPierre/spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Clone

A Spotify clone built using Next.js, TailwindCSS, React hooks, and the Spotify API.

Built following along a YouTube tutorial, but also including some of my own improvements and bug fixes.

Screenshot

Setup

This app uses the Spotify API which acts more as a remote for an active device running Spotify.

A Spotify account is required, as well as a device running the Spotify app.

  1. Create an application at Spotify for Developers and copy your Client ID and Client Secret.
  2. Change the Redirect URIs setting for the application to include http://localhost:3000/api/auth/callback/spotify.
  3. Clone the repo.
  4. Copy the .env.example to .env.local.
  5. Fill in the environment variables.
  6. Bump some tunes! 🎧

Future Improvements

  • Investigate Spotify API issue with skipping songs.
  • Optimize images from <img> to Next/Image components.
  • Style the front end to match the UI even closer.

About

🎧 A Spotify clone built from a tutorial using Next.js, TailwindCSS, React hooks, and the Spotify API.

Topics

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •  

Languages