Skip to content

Repository files navigation

MusicHub

MusicHub is a web music app built using Next.js 14, App Router, and an unofficial music API. The user interface is styled with Tailwind CSS.

Follow me Star this Repo

Live Preview

Important

Removing the live preview deployment for MusicHub. It ended up costing me over $1,000 in credits because of the amount of traffic the site received.

Homepage

Features

  • Browse and listen to a wide variety of music.
  • Light and Dark mode for user preference.
  • Search for your favorite artists, albums, and tracks.
  • Enjoy a seamless music listening experience.

Screenshots

Homepage

Homepage

Search Page

Search Page

Album Page

Album Page

Music Page

Player

Music Page

Mobile Player

Music Page

Installation

  1. Clone the repository:
git clone https://github.com/r2hu1/musichub.git
cd musichub
  1. Install dependencies:
npm install or pnpm install
  1. Run the development server:
npm run dev or pnpm run dev

Visit http://localhost:3000 in your browser to explore MusicHub.

Setup Api

fork and deploy your own repo of https://github.com/sumitkolhe/jiosaavn-api get the deployment url and paste in .env file refer .env.example

License

This project is licensed under the MIT License.

About

A stylish web music app built with Next.js 14, featuring a responsive design and a user-friendly interface.

Topics

Resources

Stars

59 stars

Watchers

2 watching

Forks

Releases

Sponsor this project

Packages

Used by

Contributors

Languages