A Next.js application that displays your currently playing track on Spotify in real-time, using the Spotify API. This project uses a progress bar to show the time remaining for the current track and updates dynamically as you listen to music.
- Displays the currently playing track on Spotify
- Real-time track updates
- Responsive design for mobile and desktop
- Built with Next.js, TypeScript, Tailwind CSS
- Utilizes a progress bar to visualize the current playback time of the track
- Next.js: React framework with server-side rendering and static site generation
- TypeScript: Typed JavaScript for safer and scalable development
- Tailwind CSS: Utility-first CSS framework for styling the app
- Spotify API: To fetch currently playing song details from your Spotify account
This project is written in TypeScript for type safety and enhanced development experience. It uses TypeScript across the app to ensure strict type checking and maintainable code.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
You can easily deploy this project using any platform that supports Next.js.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Developed with ❤️ by Aayush Bharti 👨💻