Eigenes Shopsystem · Garn, Wolle & Hundezubehör
Hand & Hund
Ein kompletter Onlineshop — von Grund auf selbst gebaut, ohne Baukasten und ohne Provisionen.


01
Ausgangslage
Ein vollständiger Onlineshop für Strickgarn, Zubehör und Hundeprodukte — und zwar keiner von der Stange. Statt einen fertigen Baukasten wie Shopify zusammenzuklicken (und dafür monatlich zu zahlen), ist hier jede einzelne Funktion von Hand entwickelt: vom Warenkorb über die Bezahlung bis zum kompletten Verwaltungs-Backend. Der Vorteil: Alles kann genau das, was der Shop wirklich braucht, lässt sich jederzeit erweitern — und es fließen keine Baukasten-Gebühren oder Verkaufsprovisionen an einen fremden Anbieter ab.
02
Herausforderung
Garn ist ein Produkt mit Tücken. Wer strickt, muss Marke, Stärke, Farbe und vor allem die richtige Menge exakt aufs Projekt abstimmen — passt ein Faktor nicht, gibt es Frust und Retouren. Dazu kommen ein riesiges, ständig wechselndes Sortiment, mehrere Zahlarten, Versand, Rechnungen, Gutscheine, Retouren und ein Blog. Ein Standard-Shop wird da schnell unübersichtlich oder stößt an seine Grenzen. Gesucht war ein Shop, der die Kundschaft aktiv wie im Laden berät, große Mengen an Produkten sauber sortiert und der Inhaberin zugleich alle Werkzeuge gibt, um wirklich alles selbst zu steuern.
03
Lösung
Das Herzstück ist ein Konfigurator, der Schritt für Schritt durch die Bestellung führt: Muster und Größe wählen — und der Shop berechnet automatisch, wie viel Garn gebraucht wird und was es kostet. Farben lassen sich nebeneinander vergleichen, die Anleitung gibt es auf Wunsch digital oder gedruckt dazu. Bezahlt wird sicher per Karte & Co. oder per Vorkasse, danach kommt die Rechnung automatisch als PDF. Rundherum läuft ein komplett selbst gebautes Backend: Produkte, Kollektionen, Bestellungen, Versand mit DHL, Gutscheine, Rabatte, Retouren, Kunden, Blog und sogar die Startseite lassen sich per Klick pflegen — ganz ohne Programmierkenntnisse. Automatische E-Mails erinnern an offene Vorkasse-Zahlungen und bitten nach dem Kauf um eine Bewertung. Der Bestand gleicht sich automatisch mit dem Großhändler ab — ausverkaufte Artikel verschwinden von allein, wieder verfügbare kommen zurück, und Kunden werden benachrichtigt, sobald ihr Wunschartikel wieder da ist. Das komplette Sortiment ist zusätzlich bei Google Shopping gelistet und an Google Ads angebunden. Und ein eigenes Dashboard zeigt in Echtzeit, wer gerade im Shop unterwegs ist, woher die Besucher kommen und wie sich die Verkäufe entwickeln.
Umfang
Was drinsteckt.
- Kompletter Onlineshop – von Grund auf selbst gebaut, ohne Baukasten
- Garn-Konfigurator: Muster & Größe wählen, Menge und Preis automatisch
- Farben live nebeneinander vergleichen, Preise in Echtzeit
- Strickanleitung digital oder gedruckt dazubuchbar
- Sichere Bezahlung (Karte & Co.) und Vorkasse
- Automatische PDF-Rechnungen & Gutschriften
- Versand mit DHL inkl. Sendungsverfolgung
- Gutscheinkarten, Rabattcodes & Aktionen
- Retouren- & Widerrufs-Abwicklung
- Kundenkonten mit Bestellübersicht
- Blog & Kundenbewertungen (auch mit Foto)
- Automatische E-Mails: Zahlungserinnerung & Bewertungsbitte
- Eigenes Backend: Produkte, Bestellungen, Startseite & Menü selbst pflegen
- Live-Besucher auf einer Karte + Verkaufs-Dashboard in Echtzeit
- Automatischer Bestandsabgleich mit dem Großhändler
- Benachrichtigung an Kunden bei Wiederverfügbarkeit
- Bei Google Shopping gelistet & an Google Ads angebunden
- Newsletter-Anmeldung
- Keine monatlichen Baukasten-Gebühren oder Verkaufsprovisionen
Technik im Detail
- Next.js 16 · React 19 · Server Components · Tailwind v4
- Prisma ORM · PostgreSQL (Neon) · ~45 Datenmodelle · Vercel (fra1)
- Stripe PaymentIntents (embedded Payment Element) + Vorkasse-Flow
- Eigene Garnpaket-Pricing-Engine mit hierarchischen ProductVariants
- Smart Collections mit Regel-Engine + konfigurierbarer Filterkatalog
- PDF-Rechnungen & Gutschriften (@react-pdf/renderer), sichere Nummernkreise
- DHL-Versand mit Sendungsverfolgung
- Resend + React-Email · 3 Vercel-Cron-Jobs (Vorkasse, Reviews, Bestands-Sync)
- GA4 + GTM + Consent Mode v2, server-side Purchase via Measurement Protocol
- Eigenes Analytics-Dashboard (GA4 Data API, Recharts)
- Live-Besucher-Karte (MapLibre, Vercel-Geo, Presence-API)
- Admin-Panel: TOTP-2FA + Backup-Codes, JWT (jose), Rate-Limiting
- TipTap-Rich-Text · Builder für Startseite, Menü & Blog
- Draft-Orders & Order-Addendums (nachträgliche Berechnung)
- Cloudflare R2 (S3) + Sharp-Bildoptimierung, zentrale Asset-/ALT-Verwaltung
- Automatischer Großhändler-Bestandsabgleich + Restock-Benachrichtigungen
- Automatisierte Farbbild-Pipeline (Sandnes-Woll-Varianten)
- Google Merchant Center + Google Ads · Traffic-Source-Attribution
Nächstes Projekt
Damastchef

Kontakt
Lass uns reden.
Erzähl mir kurz, worum es geht – du bekommst eine ehrliche Einschätzung, was sich für deinen Shop lohnt.
