Nargilecix
Ein Shisha-Shop, dessen Startseite, Katalog und Blog aus einem Panel gesteuert werden
- Branche
- Handel & E-Commerce
- Land
- Türkei
- Kategorie
- E-Commerce
- Leistungen
- E-Commerce, Individualsoftware, SEO & Performance
- Technologie
- Next.js 14, React 18, TypeScript, PostgreSQL, Prisma, Redis, Tailwind CSS, Recharts, SheetJS, Sharp
01 /
Ausgangslage
Nargilecix ist eine Katalog-Website, die wir für ein Geschäft mit Shisha-Sets, Tabak, Köpfen und Zubehör entwickelt haben. Bestellt wird über WhatsApp, die eigentliche Arbeit liegt jedoch hinter dem Schaufenster: Das Team kann Slider, Startseiten-Bereiche, Banner, Blogbeiträge und Kundenbewertungen ohne Programmierkenntnisse im Panel ändern. Statt Produkte einzeln anzulegen, lädt es eine Excel-Datei hoch; die darin verlinkten Bilder werden auf den Server geladen und dem Produkt zugeordnet. Kategorie- und Markenseiten haben eigene Textfelder für Suchmaschinen. Das Projekt ist derzeit nicht online; die Screenshots stammen aus einer lokalen Installation mit Beispielprodukten und -marken.
Screens
Genauer hingesehen
Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.
Startseite, von oben bis unten
Startseite
Bereiche und Unterseiten
02 /
Vorgehen
Drei Entscheidungen, die das Projekt geprägt haben.
Auch die Startseite ist Inhalt
Slider, „Warum wir“-Karten, Markenvorstellung, Über-uns-Block und Call-to-Action kommen aus der Datenbank. Slides können ein Hintergrundvideo, ein Badge und einen Countdown tragen – eine neue Aktion braucht keine Codeänderung.
Der Katalog wächst per Excel
Produkte werden als .xlsx exportiert, bearbeitet und wieder eingespielt. Bei passendem Slug wird das Produkt aktualisiert, sonst neu angelegt; externe Bilder werden heruntergeladen, lokal gespeichert und im Panel per Klick in WebP umgewandelt.
Suchmaschinen und Tempo
Jede Kategorie und jede Marke kann neben den Meta-Feldern einen ausführlichen SEO-Artikel erhalten; Sitemap und strukturierte Daten entstehen automatisch. Produkt- und Kategorielisten liegen im Redis-Cache, der bei jeder Änderung im Panel geleert wird.
03 /
Was wir geliefert haben
- Kategorie-, Marken- und Produktseiten mit Preis-, Bestands- und Markenfilter
- WhatsApp-Bestellnachricht mit vorausgefülltem Produktnamen
- Startseiten-Slider mit Video, Badges und Countdown
- Massenimport und -export von Produkten, Kategorien und Marken per Excel
- Verwaltung von Blog, Kundenbewertungen und Bannern
- SEO-Artikel auf Kategorie- und Markenseiten, Sitemap und strukturierte Daten
- Altersabfrage und durch Turnstile geschützter Admin-Login
Technologie-Stack
- Next.js 14
- React 18
- TypeScript
- PostgreSQL
- Prisma
- Redis
- Tailwind CSS
- Recharts
- SheetJS
- Sharp
Code und Domain gehören vollständig unserem Kunden.
Nächstes Projekt
A—51
Poseidon Shisha
Eine schwarz-goldene Marken-Website für den Shisha-Hersteller Poseidon Shisha
Personal Brand · Türkei