Gå til indhold

TCGM: et samlested for samlere og spillere.

På tre måneder udviklede vi TCGM’s webplatform frem mod v1: et samlested for det danske samlekortmiljø. Vi forbandt samlere og spillere med fysiske butikker, netbutikker, events og danske Rip & Ship-live-shops. Virksomhedernes selvbetjening understøtter oplysningerne bag platformen.

TCGM

Butikker og virksomheder

Fysiske butikker og netbutikker

Events og steder at spille

Selvstændige events og butiksaktiviteter

Danske Rip & Ship-shops

Butikker, Twitch-kanaler og livestatus

Se, hvordan vi forbandt dem

Det byggede vi

TCGM skulle være et fælles samlested for det danske samlekortmiljø. Vi forbandt virksomheder, events og live-shops i en offentlig platform med kontoområder og publiceringskontrol til at vedligeholde oplysningerne bag de tre overblik.

Fysiske butikker og netbutikker

Vi byggede et fælles virksomhedsregister med både fysiske butikker og netbutikker. Profiler samler placering, åbningstider og websitelinks, så samlere og spillere kan finde et sted at besøge eller fortsætte til en netbutik.

TCGMVirksomheder

Eksempel på søgning · Aarhus

Eksempelbutikken

Fysisk butik · Aarhus

Fredag 10.00–18.00

16 spillepladser

Eksempelkort Online

Netbutik · Danmark

Kort og tilbehør online

Statisk eksempel · fiktive virksomheder, events og livestatus

Selvstændige events og aktiviteter i butikkerne

Vi forbandt en fælles eventkalender med visninger efter spil og butik. Strukturen rummer både selvstændige events og aktiviteter i de enkelte butikker, så besøgende kan finde større samlingspunkter og lokale muligheder for at spille.

TCGMEvents

Events

  1. 14NOV

    Selvstændigt event

    Samlekortdag

    Eksempelsted · Odense

  2. 15NOV

    Event i en butik

    Åben spilleaften

    17.30 · Eksempelbutikken

Statisk eksempel · fiktive virksomheder, events og livestatus

Danske Rip & Ship-live-shops

Vi samlede butiksprofiler, Twitch-kanaler og observeret livestatus i et særskilt overblik. Besøgende kan finde danske værter og se, hvilke kanaler der er live. Oversigten er adskilt fra den valgfrie Shopify-køservice til virksomheder.

TCGMDanske Rip & Ship-shops

Live på Twitch

Eksempel Livekort

Liveåbning af kort

Butik og Twitch-kanal samlet

Eksempel Pakkeshop

Offline

Statisk eksempel · fiktive virksomheder, events og livestatus

3 måneders udvikling

Bag de tre offentlige overblik ligger virksomhedskonti, teamadgang og fælles publicering.

  • Virksomhedskonti

    Butikker, netbutikker og events administreres ét sted.

  • Teams og roller

    Invitationer og adgang for ejere, administratorer og medlemmer.

  • Redigering og godkendelse

    Virksomheder vedligeholder oplysninger; TCGM styrer publiceringen.

Godkendte virksomheder
37
Offentligt publicerbare fysiske butikker
25
Offentligt publicerbare netbutikker
36
ordrer registreret i systemet under udviklingen · fordelt på fem netbutikker
5.980

Casestatus: v1, 1. november 2026. Historisk databaseudtræk, 2. november 2026. Gemte ordreposter er ikke en optælling af betalte køb eller en måling af oppetid.

Sådan holdes oplysningerne aktuelle

Selvbetjening lader virksomheder bidrage til platformen. Vi tilrettelagde redigering og publicering, så TCGM beholder kontrollen, og ansvaret for det løbende arbejde er tydeligt.

Redigering og publicering er adskilt

Vi adskilte retten til at redigere fra offentlig synlighed. TCGM beholder et godkendelsestrin, så selvbetjening ikke betyder, at alle ændringer går direkte på websitet. Det indebærer fortsat en løbende opgave med at gennemgå indhold.

Fælles data kræver stadig en ansvarlig

Websitet og portalen bruger en fælles datamodel. Det forbinder redigeringen med det, de besøgende ser, men åbningstider, links og events skal stadig vedligeholdes. Platformen understøtter arbejdet; den erstatter ikke ansvaret for indholdet.

Teknologien bag TCGM

Next.js og React danner den fælles platform. Clerk håndterer login, mens Workflow SDK forbinder baggrundsprocesserne med Shopify og Twitch.

Next.js · React

Samlestedet og kontoområderne deler komponenter og data. Serverrendering og caching understøtter kataloget, mens React håndterer de interaktive visninger.

Samlested for samlere og spillere

Virksomhedskonti

Clerk

Login og sessioner

Clerk håndterer login og sessioner. TCGM kontrollerer virksomhedernes medlemskaber og roller for at afgøre, hvad den enkelte bruger har adgang til.

Clerk-login → TCGM-roller → kontoadgang

Ordrens vej gennem integrationen

Valgfri Rip & Ship-service · ordresynkronisering og chatbeskeder kører separat

  1. Shopify

    Ordreintegration

    Validerede ordrebeskeder føres ind i den valgfrie Rip & Ship-kø. Gentagne beskeder kontrolleres, og kladdeordrer afstemmes med ordrer.

  2. Workflow SDK

    Automatiserede baggrundsprocesser

    Ordrehændelser behandles i holdbare workflows med trin, der kan genforsøges. Ordresynkronisering og chatbeskeder kører separat.

  3. Twitch

    Kanaler og livestatus

    Køservicen kan matche et køb med en tilknyttet Twitch-identitet og annoncere ordren i chatten, når funktionen er aktiveret og de nødvendige adgange er på plads.

Twitch leverer også observeret livestatus til det offentlige katalog.

Skal jeres website og systemer arbejde sammen?

Hvis kunder skal finde de rette oplysninger, mens jeres team eller partnere vedligeholder dem, kan udgangspunktet ligne TCGM’s. Vi kan hjælpe med at afklare arbejdsgangen og udvikle det website, de kontoområder og de forbindelser, der er behov for.

Fortæl, hvem der skal bruge løsningen, hvad de skal kunne gøre, og hvilke systemer I allerede bruger. Efter e-mailbekræftelse gennemgår vi anmodningen og afklarer, om opgaven passer til et samarbejde, før vi aftaler omfanget.