Gretel Webshop
E-Commerce2024

Gretel Webshop

Next.js 15SupabaseStripeZustandResend
RoleFull Stack Developer

Ein moderner, performanter Webshop für handgemachte Hunde-Leckerchen. Vollständige E-Commerce-Lösung mit Warenkorb, Stripe-Payment, automatischer Rechnungsstellung und Admin-Dashboard.

The Challenge

Der Verkauf von handgemachten Produkten erfordert oft viel manuelle Arbeit bei Bestellannahme und Rechnungsstellung. Das Ziel war es, diesen Prozess komplett zu automatisieren, ohne den charmanten, persönlichen Charakter der Marke "Gretel" zu verlieren. Wichtig waren eine einfache Verwaltung für den Betreiber und ein reibungsloser Checkout für Kunden.

Product Detail View

The Solution

Ich entwickelte einen maßgeschneiderten Shop mit Next.js. Anders als bei Baukasten-Systemen (Shopify) haben wir hier volle Kontrolle über Performance und Design.

  • Custom Checkout: Integration von Stripe für sichere Zahlungen (Kreditkarte, Apple Pay).
  • Admin Dashboard: Ein interner Bereich zur Verwaltung von Bestellungen, Produkten und Gutscheincodes.
  • Automatisierung: Nach dem Kauf wird automatisch eine PDF-Rechnung generiert und per E-Mail (via Resend) verschickt.
Admin Dashboard

Technical Highlights

State Management

Einsatz von Zustand für einen persistierten Warenkorb, der auch nach dem Neuladen der Seite erhalten bleibt.

Backend Services

Supabase als Datenbank und für Authentication (Admin-Login). Edge Functions für Webhooks (Stripe Payment Confirmation).

Next Project

Dart Platform