Medusa Artist Portfolio

13-01-2026

Medusa Music is a modern personal musician website built with Nextjs 16 and shadcn/ui, designed to showcase an artist’s music, identity, and presence across streaming platforms. The site connects directly to the Spotify API to display real-time data such as tracks, albums, and playlists.

Nextjs 16shadcn/uiTailwind CSSTypeScriptSpotify API

Features

Spotify-Powered Music - displays the artist’s tracks, albums, and playlists using live Spotify data
Artist-Focused Layout - built specifically for a single musician or band to present their work professionally
Modern UI (shadcn/ui) -clean components with smooth transitions and full light/dark theme support
Next.js 16 App Router -uses server & client components for fast navigation, SEO, and scalability
Dynamic Artist Pages - automatically renders albums, tracks, and previews with optimized metadata
Fully Responsive - looks great on desktop, tablet, and mobile

Gallery

Full Medusa artist homepage with hero, music highlights, and footer — Complete homepage layout showcasing the brand, music, and navigation structure.

Medusa artist discography page with albums, singles, and most played tracks — The full music library view with albums, singles, and most-played tracks.

Medusa artist website hero section with neon purple lighting and social media icons — The immersive hero section introducing Medusa with a neon-lit visual identity.

Medusa music homepage showing featured track and Spotify integration — Homepage music section featuring highlighted releases and direct Spotify playback.

Medusa website footer with social links, merch navigation, and copyright — Footer section containing social media links, merch access, and legal information.

Live Site