TelFixer

Een echte winkel, geen template

TelFixer is geen Shopify-skin. Het is een volwaardige Next.js applicatie voor een echte werkplaats in Ede, waar gerepareerde telefoons verkocht worden, kapotte toestellen gerepareerd worden en klanten hun oude apparaten kunnen inleveren. Drie verschillende flows met één rode draad: alles werkt zonder account, maar je krijgt een referentienummer waarmee je later kunt tracken.

Bouwen voor een fysieke winkel betekent: elk klantcontact moet zonder ruis door één dashboard kunnen.

Drie flows, één database

Kopen loopt via een productcatalogus met filters, winkelwagen, Mollie-checkout en e-mailbevestiging. Reparatie- en inleverflows vragen om een formulier, geven een TF-referentie terug en stoppen het verzoek in dezelfde Supabase-database. Op de tracking-pagina kan een klant met die referentie de status volgen zonder in te loggen. Met een account bundelt alles in /account.

Het admin-dashboard

Het admin zit onder /admin, met een eigen layout: zijbalk met Werk- en Beheer-secties, bovenbalk met globaal zoeken (Ctrl/Cmd+K) en een hoofdvlak met de pagina-inhoud. Toegang via Supabase: alleen wie in de admins-tabel staat (gekoppeld aan zijn Supabase user_id) komt erin, met rol Administrator of Support. Niet ingelogd? Redirect naar /login?redirect=/admin.

Het startdashboard toont live KPI's: omzet laatste 30 dagen (alleen betaalde orders), trend t.o.v. de 30 dagen daarvoor, aantal bestellingen, klanten totaal, nieuwe klanten in 30 dagen en open acties. Daarboven een staafgrafiek per dag, daaronder vier tellers die direct linken naar bestellingen met status 'in behandeling', reparaties met 'ontvangen' of 'in behandeling', inleveringen met 'evaluatie', en actieve producten zonder voorraad. Dat is de werkvoorraad voor vandaag.

Niet alleen voor mensen — ook voor AI

TelFixer biedt een MCP-endpoint (Model Context Protocol) op /api/mcp voor AI-clients zoals Claude Desktop. Servernaam: telfixer-mcp. Drie tools: track_repair (status ophalen op referentie), get_product_categories (actieve categorieën + aantal producten), en create_repair_request (nieuwe reparatie melden, mét Nederlands-nummer-validatie). Plus een publieke OpenAPI 3 documentatie op /api/v1/public/docs voor reguliere externe integraties.

Wat het is

TelFixer is een echte winkel met een echte admin, een echte betaalprovider en een echt klant-traject. Het is mijn meest 'product'-volwassen project: van pixel-pushen op de homepage tot het ontwerpen van een SQL-schema dat veilig is onder RLS, tot het uitdenken van een MCP-interface die een AI-agent zinvol kan aanroepen. Eén codebase, drie publieken: klant, eigenaar, agent.