A full-stack Next.js app that turns Spotify links into unique fragrance profiles.
- Accepts Spotify URLs for
track,album,playlist, orartist. - Validates and parses the link in a backend API route.
- Generates a deterministic scent profile including:
- fragrance name
- concentration
- top/heart/base notes
- accords
- longevity and sillage
- mood and scent story
- Next.js (App Router)
- React + TypeScript
- Route handlers for backend API
- Custom CSS styling
npm install
npm run devOpen http://localhost:3000.
Request body:
{
"spotifyLink": "https://open.spotify.com/track/11dFghVXANMlKmJXsNCbNl"
}Success response:
{
"profile": {
"fragranceName": "Nocturne 42",
"resourceType": "track",
"resourceId": "11dFghVXANMlKmJXsNCbNl",
"concentration": "Eau de Parfum",
"mood": "Late-night drive under city lights",
"topNotes": ["Bergamot", "Yuzu", "Pink Pepper"],
"heartNotes": ["Iris", "Black Tea", "Neroli"],
"baseNotes": ["Sandalwood", "Musk", "Vetiver"],
"accords": ["Citrus", "Woody", "Amber"],
"sillage": "Moderate",
"longevityHours": 8,
"story": "Built from the rhythm..."
}
}Error responses:
400for missing/invalid JSON body422for invalid Spotify links