nunatass/spotify-clone

This project showcases a meticulous recreation of Spotify's user interface using modern frontend technologies. Leveraging the power of Next.js 13 and the flexibility of Tailwind CSS, this clone provides an immersive experience akin to the original platform.

Spotify UI Clone with Next.js 13 and Tailwind

This project is a clone of the new Spotify UI, built using Next.js 13, Tailwind CSS, and Spotify's Web API.

Table of contents

• Spotify UI Clone with Next.js 13 and Tailwind
  • Table of contents
  • Introduction
  • Features
  • Technologies
  • Setup

Introduction

This project was created to demonstrate the capabilities of modern frontend technologies such as Next.js and Tailwind CSS, and how they can be used to efficiently clone popular digital products such as Spotify.

Features

• Fetches real data from Spotify using their Web API
• Advanced features such as music control, playlists, and search functionality

Technologies

Project is created with:

• Next.js version 13

• Tailwind CSS

• Spotify Web API

  

Setup

To run this project, install it locally using npm:

$ git clone https://github.com/nunatass/spotify-clone.git
$ cd spotify-clone
$ npm install
$ npm run dev