Alle Projekte

B2B-E-Commerce & Abo-Plattform für Playground Coffee

Vollintegriertes B2B-Shopsystem mit Billbee, Abo-Logik, Lieferanten-Anbindung und Analytics

Auftraggeber: Playground Coffee Technologie: Next.js 16, Supabase, Billbee, n8n Deployment: Vercel
Zur Plattform

Das Projekt

Eine vollwertige B2B-Webplattform für eine Rösterei, die den gesamten Handelsprozess abbildet: vom Kunden-Onboarding über Bestellungen und Abos bis zu Lieferanten-Importen (z. B. Gastronovi), Billbee-Synchronisation und umfassenden Auswertungen. Entwickelt als modulare, skalierbare Full-Stack-Anwendung mit modernem Tech-Stack.

Kernfunktionen

B2B-Shop & Checkout

  • Artikelkatalog mit Preisgruppen (individuelle Konditionen pro Kunde)
  • Warenkorb, Checkout mit Rechnungs- und Lieferadresse
  • Varianten (Bohnen, Espresso, Filter, French Press)
  • Abholung oder Versand
  • Zahlungsarten: Banküberweisung, Vorkasse, Rechnung, Lastschrift

Billbee-Integration

  • Bestellungen werden automatisch an Billbee übertragen
  • Kundensuche und Import aus Billbee
  • Status-Synchronisation (Ausstehend → Gepackt → Versendet)
  • Verschiedene Vertriebswege nutzen getrennte Billbee-Konten

Kaffee-Abo-System

  • Flexible Abos mit wöchentlicher, 2-wöchentlicher, monatlicher, 2-monatlicher und quartalsweiser Lieferung
  • Mehrere Artikel pro Abo
  • Automatische Bestellauslösung per Cron/n8n
  • Abo-Bestätigungs-E-Mails, Erinnerungen
  • Röstliste: aggregierte kg-Liste aus Billbee-Bestellungen + Abos pro Woche

Auswertungen & Reporting

  • Billbee-Umsatzreport: Zeitraum-Slider, Granularität (Tag/Woche/Monat/Quartal/Jahr), Vorjahr-Vergleich, Kategorien (Kaffee/Merch/Zubehör), Billbee + Cafe-Umsätze kombiniert
  • Abo-Auswertung: Gelieferte SUB-Bestellungen, Admin-Kunden ausgeschlossen, alle Kunden mit aktivem Abo, Menge/Artikel aus subscription_items
  • Kundenauswertung über alle Vertriebswege
  • Cafe-Tagesumsatz-API für n8n

E-Mail-Automatisierung

  • Bestellbestätigung, Versandbenachrichtigung, Abholbenachrichtigung
  • Stornierungs-E-Mails
  • Account-Freischaltung mit Passwort-Generierung
  • E-Mail-Log für alle ausgehenden E-Mails

Bestellimport per E-Mail (Wholesale)

  • IMAP-Abruf des Wholesale-Postfachs
  • PDF-Parsing aus E-Mail-Anhängen (Lieferscheine)
  • Extraktion von Artikeln, Mengen, Lieferadresse
  • Kundenerkennung und Übertragung an Billbee (getrenntes Vertriebsweg-Konto)
  • n8n-Workflow mit UID, Betreff, optionalem Dry-Run
  • Admin-Tool: Upload, Adress-Matching, Test-Parsing

Gastronovi

  • CSV-Parser für Gastronovi-Bestellungen
  • Kundenerkennung per E-Mail, PLU (Art.-Nr.), TAB-Trennzeichen
  • Billbee-Order-Erstellung mit Buyer/Käufer aus Kunden-DB
  • Zahlungsart aus Kundeneinstellung

Cafe & Kasse

  • cafe_sales-Tabelle mit EXTF-Spalten (Umsatz, Beleginfo, Auftragsnummer)
  • n8n-API für Tagesumsatz-Import
  • CSV-Test-Seite für Cafe-Auswertung

Admin-Tools

  • Bestellungen: Status-Badges, Billbee-Sync, Bestellbestätigung erneut senden
  • Kunden: Billbee-Import, Preisgruppen, Adressen
  • Artikel: Billbee-Produktsuche, Preisgruppen, Aktivieren/Deaktivieren
  • Röstliste: Verwaltung, Auslösetag, Kunden bei Abos
  • Wholesale E-Mails: IMAP, Filter, PDF-Extraktion
  • Billbee-Sync: Full Load, Zeitspanne, Letzter Tag, skipLoaded
  • Billbee-Report: Umsatz, Bestellanzahl, Kategorien
  • Changelog: Automatisch aus Git generiert

Verwendete Technologien

Frontend

  • Next.js 16 (App Router, Turbopack)
  • React 19
  • TypeScript
  • Tailwind CSS
  • shadcn/ui (Radix UI)
  • Recharts (Charts)
  • next-intl (i18n: DE/EN)
  • Lucide React (Icons)

Backend & Datenbank

  • Supabase (PostgreSQL, Auth, RLS)
  • Next.js API Routes (Server-Side)

Integrationen

  • Billbee API (Bestellungen, Kunden, Produkte)
  • n8n (Workflows: Wholesale-Import, Gastronovi, Cafe-Tagesumsatz, Abo-Erinnerungen, Abholbenachrichtigung)
  • IMAP (ImapFlow) für E-Mail-Abruf
  • Nodemailer (SMTP) für ausgehende E-Mails
  • pdfreader (PDF-Parsing)

DevOps & Deployment

  • Vercel (Hosting, Analytics)
  • Git (Changelog-Generierung beim Build)
  • CRON_SECRET für geschützte n8n/Cron-Endpoints

Architektur-Highlights

  • Row Level Security (RLS): Kunden sehen nur ihre Daten, Admins haben Vollzugriff
  • Preisgruppen: Artikelpreise abhängig von Kunden-Preisgruppe
  • Paginierung: Supabase-Limit 1000 Zeilen wird mit range(from, to) umgangen
  • Robustes Fehlerhandling: Timeouts, leere JSON-Antworten, 404-Fehler
  • E-Mail-Log: Alle ausgehenden E-Mails werden protokolliert

Geschäftlicher Nutzen

  • Zeitersparnis: Automatische Billbee-Synchronisation, Lieferanten-Import per E-Mail (z. B. Gastronovi)
  • Transparenz: Auswertungen für Umsatz, Abos, Cafe
  • Skalierbarkeit: Modulare APIs, n8n für Workflows
  • Kundenerlebnis: Abos mit flexiblen Intervallen, Bestellbestätigungen, Abholbenachrichtigungen

Nutzung für jkhn.de

Dieses Projekt zeigt Full-Stack-Entwicklung mit: Modernen Web-Frameworks (Next.js, React), Cloud-Datenbanken (Supabase), ERP-Anbindung (Billbee), E-Mail- und PDF-Automatisierung, Analytics und Reporting, n8n-Workflow-Integration.

Ideal für Referenz: B2B-E-Commerce, Automatisierung, Rösterei/Lebensmittel