A modern music streaming web app built with Next.js, Firebase, and JioSaavn API.
It allows users to explore songs, stream music, and manage playlists in a seamless experience.
π Live Demo: Click here to try it
- π§ Stream music from the JioSaavn API
- π Search songs, albums, and artists in real-time
- π User authentication (Google/Email login) via Firebase
- π Save user data & playlists with Firestore (future implementation)
- β‘ Super-fast rendering with Next.js
- Frontend: Next.js + React
- Music API: JioSaavn API (Unofficial)
- Backend & Auth: Firebase
- Database: Firebase Firestore
- Storage: Firebase Storage
- Deployment: Vercel
spring-music-web/
βββ public/ # Static assets
βββ src/ # Source code
β βββ components/ # Reusable UI components
β βββ pages/ # Next.js pages (routes)
β βββ styles/ # Global & module CSS
β βββ utils/ # Firebase & JioSaavn API helpers
βββ .env.local # Environment variables
βββ package.json
βββ README.md
git clone https://github.com/yourusername/spring-music-web.git
cd spring-music-webnpm install
# or
yarn install- Go to Firebase Console
- Create a new project
- Enable Authentication (Google/Email)
- Setup Firestore Database
- Setup Firebase Storage
- Copy your Firebase config
Create a .env.local file in the root directory:
NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_project.appspot.com
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
JIO_SAAVAN_API_BASE_URL=your-api
NEXT_PUBLIC_API_URL=your_api_urlnpm run dev
# or
yarn devNow open http://localhost:3000 π
vercelA big shout-out to all the amazing people whoβve contributed to this project:
This project is licensed under the MIT License.