Das Unidy SDK bringt Login, Profil, Ticket-Berechtigungen und Consent direkt in euer Frontend. Eure Marke, eure Domain, eure Komponenten. Der Fan merkt nichts davon, außer dass alles reibungslos funktioniert.
npm install @unidy.io/sdk
Unidy läuft in beiden Varianten. Die Entscheidung ist keine technische, sondern eine über das Markenerlebnis.
Schnell aufgesetzt. Der Fan klickt auf Login, wird kurz zur Unidy-Seite geleitet und kommt zurück. Für die meisten Klubs ist das genau richtig.
Die Login-Komponente lebt direkt auf eurer Seite. Kein Seitensprung, kein Branding-Bruch, kein Tab-Wechsel. Für Klubs, die das Fan-Erlebnis durchgängig kontrollieren wollen.
Das SDK ist kein Login-Widget. Es ist der Bausatz für alle Fan-Touchpoints, die auf eurer Seite leben sollen.
<UnidyAuth />Passkeys, Social Login, Magic Link, Passwort. Inline auf eurer Seite. Session-Management und Token-Refresh erledigen wir im Hintergrund.
<UnidyProfile />Fans aktualisieren Name, Kontaktdaten und Präferenzen selbst. Custom Attributes, Validierung, DSGVO-konforme Datenkontrolle inklusive. Kein Support-Ticket pro Adressänderung.
<UnidyConsent />DSGVO-konformer Double-Opt-in, Consent-Screens und Promotion-Flags, eingebettet in eure Oberfläche. Eure Opt-ins, nicht die eures Newsletter-Tools.
<UnidyGate />Inhalte und Features auf Basis von Tickets, Dauerkarten oder Mitgliedschaften freischalten. Wer Anrecht hat, sieht. Wer nicht, sieht nicht. Ohne dass ihr den Login-Status selbst verdrahten müsst.
<UnidyWallet />Wallet-Pass für iOS und Android. Wird automatisch generiert, aktualisiert sich bei Änderungen. Kein Plastik, kein Druck, kein Versand, keine Adressrückläufer.
<UnidyPreferences />Fans verwalten ihre Kommunikationspräferenzen selbst, in eurem Layout und in eurem Farb-Schema. Vorlage für transparente Daten-Hoheit, die DSGVO-Audits standhält.
Eure Stack-Entscheidung soll nicht euer SDK-Erlebnis bestimmen.
@unidy.io/sdkWeb ComponentsStencil Web Components. Framework-agnostisch. Läuft in Vue, Angular, Svelte, Vanilla JS oder jedem CMS, das HTML rendert.
<script src="https://cdn.unidy.io/sdk.js"></script> <unidy-login client-id="musterklub"></unidy-login>
@unidy.io/reactReact WrapperDieselben Komponenten, als React-Wrapper. Natives State-Management, vollständiges TypeScript-Support. Optimiert für React- und Next.js-Projekte.
import { UnidyLogin } from '@unidy.io/react' <UnidyLogin clientId="musterklub" />
Ein npm-Paket. Keine externen Abhängigkeiten, die ihr nicht eh schon habt.
$ npm install @unidy.io/react
Farben, Fonts, Logos. Tailwind, Class-Names oder CSS Shadow Parts. Was bei euch im Design-System schon steht, übernehmt ihr.
export const clubTheme = { primary: '#0054ff', font: 'GT Walsheim', radius: 12, logo: '/logo.svg' }
Ein Import, ein JSX-Tag. Theme einreichen, fertig. Der Rest läuft in eurem Frontend.
import { UnidyLogin } from '@unidy.io/react' <UnidyLogin clientId="your-client-id" theme={clubTheme} />
npm install bis erstem Live-Login: in der Regel unter einer Stunde. Eure Designer, eure Devs, kein Unidy-Branding sichtbar.Vom HSV über den 1. FC Köln, Werder Bremen, FC St. Pauli, VfL Bochum und Hamburg Towers bis zur European League of Football. Im Medien-Segment Gruner+Jahr, BTC-Echo, Utopia und OMR. Unidy verbindet Fan-Identitäten dort, wo sie commercial relevant werden.
Alle Komponenten sind in unserer Demo-Instanz live, vollständig auf ein Klub-Branding konfiguriert. Direkt im Browser, ohne Setup. Im Gespräch zeigen wir dann, wie das mit eurer Marke, eurem Stack und euren bestehenden Systemen aussieht.
Dokumentation lesen →