Disctopia
Overzicht van de case
Een geünificeerde API-laag die een muziekstreamingplatform en zijn marketingwebsite samenbrengt in één naadloos ecosysteem — gedeelde authenticatie, gedeelde backend, gecentraliseerde inhoudslogica.
Doel: Het hoofddoel was het bouwen van een geünificeerde API-laag die Auth0 gebruikt voor authenticatie op beide platforms, zodat gebruikers kunnen inloggen op de website met dezelfde gegevens als in de streaming-app. Deze enkele API zou nieuwsweergave, reacties en likes afhandelen - waardoor gebruikersdata altijd consistent blijft tussen de twee producten.
Daarnaast hadden we een flexibel systeem voor evenementmeldingen nodig dat aanstaande evenementen platformoverschrijdend kan tonen - volledig bestuurd vanuit het CMS zonder tussenkomst van ontwikkelaars.
Belangrijke projectinformatie
Sectoren
Muziekstreaming, Creator-economie, Digitale media, Monetisatie van artiesten
Diensten
API-architectuur, Authenticatie-integratie, Full-stack ontwikkeling, CMS-aanpassing
Oplossingen
Geünificeerde API-laag, Auth0 SSO, CMS-gestuurde evenementmeldingen, gedeelde reacties & likes
Technologieën
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
De uitdagingen
Cross-platform authenticatie
Auth0 naadloos en consistent laten werken voor twee platforms met verschillende frontend-stacks — website en streaming webapp.
API-structuur zonder duplicatie
De API structureren om reacties, likes en nieuwslogica af te handelen terwijl duplicatie van backendlogica tussen de twee producten wordt vermeden.
Veilige sessieconsistentie
Zorgen voor veilige tokenverwerking en consistente gebruikerssessies over twee domeinen zodat gebruikers nooit de scheidslijn tussen platforms merken.
CMS-gestuurd eventsysteem
Een dynamische meldingsbanner creëren die volledig wordt bestuurd vanuit Umbraco — redacteuren kiezen waar evenementen verschijnen zonder een regel code aan te raken.
Architectuurs eenvoud
Alles centraliseren zonder de architectuur te ingewikkeld te maken — zodat het onderhoudbaar en uitbreidbaar blijft naarmate het platform groeit.
Het proces
Een gefaseerde implementatieaanpak wordt gebruikt, te beginnen met het ontwerp en de opzet van de kern-API-architectuur en het authenticatiesysteem, en geleidelijk voortschrijdend door opeenvolgende fasen, uiteindelijk resulterend in een volledig geïntegreerde, CMS-gestuurde meldingslaag die inhoudslevering en systeemgedrag over platforms verenigt.
Geünificeerde API-architectuur
Ontworpen en gebouwd als één enkele API die zowel door de marketingwebsite als de streaming-app wordt gebruikt. Alle data stroomt via één backend — geen spiegeling, geen duplicatie.
Auth0-integratie
Auth0 geïntegreerd als gedeelde authenticatieprovider voor beide platforms. Gebruikers loggen één keer in en bewegen naadloos tussen website en app zonder opnieuw te hoeven authenticeren. Tokenbeheer en sessiestatus worden veilig over domeinen afgehandeld.
Reacties, likes & nieuwslogica
Reactie- en likefunctionaliteit geïmplementeerd via de centrale API. De website maakt verbinding met dezelfde backend als de streaming-app, zodat alle sociale interacties zijn verenigd en data consistent blijft.
Systeem voor evenementmeldingen
Een aangepast script gebouwd dat evenementgegevens ophaalt uit Umbraco en een dynamische banner weergeeft op het platform dat de redacteur kiest. Marketing kan evenementen aankondigen op de website, de app, of beide — zonder ontwikkelaarsbetrokkenheid.
Oplossingen
De belangrijkste kenmerken van de oplossing
Geünificeerde API-laag — Eén API voedt site en streaming-app. Alle data (gebruikers, nieuws, reacties, likes, evenementen) stroomt door één enkele bron van waarheid, waardoor duplicatie en synchronisatieproblemen verdwijnen.
Gedeelde Auth0-authenticatie — Auth0 is een gemeenschappelijke identiteitprovider. Gebruikers melden zich één keer aan; dezelfde gegevens werken op alle platforms met consistente sessies en tokens.
Reacties & likes via centrale API — Sociale interacties worden afgehandeld via de geünificeerde API, waardoor betrokkenheidsgegevens consistent blijven over platforms.
CMS-gestuurde banners voor evenementenmeldingen — Script haalt evenementgegevens uit Umbraco en toont banners. Redacteuren stellen inhoud en plaatsing in (web, app, beide) zonder inmenging van ontwikkelaars.
Mailchimp & HubSpot-integraties — Geïntegreerd met Mailchimp en HubSpot zodat teams marketing en CRM beheren via vertrouwde tools, met data die door de centrale backend stroomt.
Resultaten in cijfers
100%
Alle gebruikers authentiseren via Auth0 op beide platforms met één set inloggegevens. Geen aparte accounts, geen frictie bij het schakelen tussen de website en de streaming-app.
3x
Redacteuren publiceren evenementbanners binnen enkele minuten op elk platform via Umbraco — wat voorheen een ontwikkelaarsticket en een deployment vereiste, kost nu drie klikken in de backoffice.
2x
Het centraliseren van authenticatie, data en logica in één API vermindert onderhoud. Het systeem is voorspelbaar — problemen worden geïsoleerd en opgelost op één plek in plaats van twee.
