Next Spotify Pages Router screenshot

Next Spotify Pages Router

Author Avatar Theme by Ankitk26
Updated: 11 Jan 2026
37 Stars

Spotify app using NextJS, TailwindCSS for UI and Next-auth for user authentication of Spotify

Categories

Overview:

Next Spotify is an impressive clone of the popular music streaming service, built using Next.js and TailwindCSS, making it a great project for developers interested in modern web technologies. With features that allow users to log in with their Spotify accounts, the application offers a comprehensive view of playlists, artists, and albums that users are already following. This tool serves as a perfect example of harnessing various technologies for creating a functional and visually appealing application.

This revamped version, Next-Spotify v2, has introduced enhancements in user interface and functionality, catering to those who are keen on exploring Next.js’s app directory and its server and client components. While currently the demo doesn’t allow users to log in, the local setup offers an exciting opportunity for developers to experiment with the project’s capabilities.

Features:

  • Spotify OAuth Integration: Users can effortlessly log in using their Spotify credentials via the next-auth package, ensuring a secure authentication process.
  • Playlist Access: Easily view all playlists created or followed by the user, creating a personalized music experience.
  • Liked Songs Playlist: Access a dedicated playlist of liked songs, making it simple to find favorite tracks.
  • Artist and Album Discovery: View artists and albums that the user follows, helping fans stay connected with their preferred music.
  • Track Display: Display all tracks within a playlist, album, or from a specific artist, providing comprehensive insight into the user’s music library.
  • Search Functionality: Users can search across playlists, artists, albums, or tracks to discover new music easily.
  • Latest Releases: Stay updated with the latest music releases, ensuring users never miss out on new content.