Sebastian Aas

Weekly Album

| Sebastian Aas

Weekly Album

Weekly Album is a website for sharing music with friends. It is built with Next.js and Tailwind CSS.

Building WeeklyAlbum.com was an exciting journey that combined modern web technologies to create a seamless user experience for music enthusiasts. Here's a behind-the-scenes look at how the site was developed using Next.js, Prisma, NextAuth.js, and integrations with both Tidal and Spotify.

Tech Stack Overview

  • Next.js: Served as the React framework, offering server-side rendering and a robust routing system.

  • Prisma: Employed as the ORM to interact with the database, simplifying data modeling and queries.

  • NextAuth.js: Handled authentication, providing a flexible and secure way to manage user sign-ins.

Authentication with NextAuth.js

Implementing user authentication was crucial for personalized experiences. NextAuth.js was configured to support multiple providers, including Spotify and Tidal. This allowed users to sign in using their preferred music service accounts.

For Spotify integration, the NextAuth.js Spotify Provider was utilized. This provider facilitated OAuth authentication, enabling the application to access user data from Spotify.

Database Management with Prisma

Prisma was chosen for its developer-friendly approach to database interactions. It streamlined the process of defining data models and executing queries. The Prisma Adapter for NextAuth.js was integrated to manage user sessions and account information efficiently.

Integrating Tidal and Spotify APIs

To provide users with curated album recommendations, the application integrated with both Tidal and Spotify APIs. This integration allowed fetching album data, including metadata and cover art, ensuring a rich and engaging user experience.

Conclusion

Building WeeklyAlbum.com was a rewarding experience that leveraged the strengths of Next.js, Prisma, and NextAuth.js, along with seamless integrations with Tidal and Spotify. The result is a platform that offers music lovers personalized album recommendations in a user-friendly environment.