Disctopia
Overzicht van de case
Een uniforme API-laag die een muziekstreamingplatform en zijn marketingwebsite tot één naadloos ecosysteem verbindt — gedeelde authenticatie, gedeelde backend, gecentraliseerde contentlogica.
Doel: Het hoofddoel was het bouwen van een uniforme API-laag die Auth0 gebruikt voor authenticatie op beide platforms, zodat gebruikers op de website kunnen inloggen met dezelfde inloggegevens als in de streaming-app. Deze enkele API zou nieuwsweergave, reacties en likes afhandelen - en gebruikersgegevens te allen tijde consistent houden tussen de twee producten.
Daarnaast hadden we een flexibel systeem voor evenementmeldingen nodig dat aankomende evenementen platformoverschrijdend kon weergeven - volledig bestuurd vanuit het CMS zonder tussenkomst van ontwikkelaars.
Belangrijke projectinfo
Industrieën
Muziekstreaming, Makerseconomie, Digitale media, Artiestmonetisatie
Diensten
API-architectuur, Authenticatie-integratie, Full-stack ontwikkeling, CMS-aanpassing
Oplossingen
Uniforme 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 front-end stacks — website en streaming web-app.
API-structuur zonder duplicatie
De API structureren om reacties, likes en nieuwtjeslogica af te handelen zonder duplicatie van backend-logica over de twee producten.
Consistente beveiligde sessies
Zorgdragen voor veilige tokenverwerking en consistente gebruikerssessies over twee domeinen zodat gebruikers nooit de kloof tussen platforms voelen.
CMS-gestuurd evenementen systeem
Creëren van een dynamische notificatiebanner die volledig vanuit Umbraco wordt bestuurd — redacteuren kiezen waar evenementen verschijnen zonder een regel code aan te raken.
Architectuursimpliciteit
Alles centraliseren zonder de architectuur te ingewikkeld te maken — het onderhoudbaar en uitbreidbaar houden naarmate het platform groeit.
Het proces
Er wordt een gefaseerde implementatieaanpak gebruikt, te beginnen met het ontwerp en de opzet van de kern-API-architectuur en het authenticatiesysteem, en geleidelijk voortschrijdend door opeenvolgende fasen, eindigend in een volledig geïntegreerde, CMS-gestuurde notificatielaag die contentlevering en systeemgedrag over platforms verenigt.
Uniforme API-architectuur
Ontworpen en gebouwd als één API die zowel door de marketingwebsite als door de streaming-app wordt gebruikt. Alle data stroomt door één backend — geen duplicatie, geen spiegeling.
Auth0-integratie
Auth0 geïntegreerd als gedeelde authenticatieprovider voor beide platforms. Gebruikers loggen één keer in en bewegen tussen website en app zonder opnieuw te hoeven authenticeren. Tokenbeheer en sessiestatus worden veilig afgewikkeld over domeinen.
Reacties, likes & nieuwtjeslogica
Implementatie van commentaar- en likefunctionaliteit via de centrale API. De website maakt verbinding met dezelfde backend als de streaming-app, zodat alle sociale interacties uniform zijn en gegevens consistent blijven.
Evenementmeldingssysteem
Ontwikkeld een aangepaste script die evenementgegevens uit Umbraco haalt en een dynamische banner weergeeft op het platform dat de redacteur kiest. Marketing kan evenementen aankondigen op de website, de app of beide — zonder tussenkomst van ontwikkelaars.
Oplossingen
De belangrijkste kenmerken van de oplossing
Uniforme API-laag — Één API voedt de 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 identiteitsprovider. Gebruikers melden zich één keer aan; dezelfde inloggegevens werken op beide platforms met consistente sessies en tokens.
Reacties & likes via centrale API — Sociale interacties worden afgehandeld via de uniforme API, waardoor betrokkenheidsgegevens consistent blijven over platforms.
CMS-gestuurde banners voor evenementmeldingen — Script haalt evenementgegevens uit Umbraco en toont banners. Redacteuren bepalen inhoud en plaatsing (web, app, beide) zonder ontwikkelaarsinbreng.
Mailchimp- & HubSpot-integraties — Geïntegreerd met Mailchimp en HubSpot zodat teams marketing en CRM via vertrouwde tools beheren, met gegevensstromen door de centrale backend.
Resultaten in cijfers
100%
Alle gebruikers authenticeren via Auth0 op beide platforms met één set inloggegevens. Geen aparte accounts, geen gedoe 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 plaats in plaats van twee.
