Projektübersicht
Tech Stack: NextJS, Contentful
Projektart: Website
Bedingungen: Mehrsprachige Inhalte, PDF Downloads, Passwortschutz, einfache Updates
Inhaltsverzeichnis
Projekthintergrund:
Eine Kundin wollte weg von Etsy und ihren eigenen Platz für digitale Schnittmuster und Anleitungen schaffen - nicht nur, um Angebot attraktiver zu präsentieren, sondern auch, um die Produkte effizient zu verwalten. Mein Ziel war es, eine Plattform zu entwickeln, die nicht nur optisch ansprechend ist, sondern auch funktionell überzeugt.
Mein Ansatz:
Mit einer Kombination aus NextJS und Contentful programmierte ich eine Website mit mehrsprachigen Anleitungen, die einfaches Hochladen und Aktualisieren von Inhalten ermöglicht. Ein besonderes Augenmerk lag auf der Benutzerfreundlichkeit: Sowohl freie als auch passwortgeschützte Anleitungen sollten nahtlos zugänglich sein.
Herausforderungen & Lösungen:
Eine der größten Herausforderungen war die Integration einer “Paywall”. Diese habe ich umgesetzt durch ein Passwortschutz auf Anleitungsebene um exklusive Inhalte zu sichern. Für die Darstellung der Anleitungen als PDF nutzte ich react-pdf. Ich schrieb eine kleine Funktion, die den Markdown Inhalt von Contentful in lesbaren Content für react-pdf umwandelt. Das Generieren großer PDF’s optimierte ich, indem die Erstellung erst nach Nutzerinteraktion begann, was die Website-Performance erheblich verbesserte.
Ergebnis:
Das Ergebnis ist eine benutzerfreundliche Plattform, die nicht nur die Kreativität meiner Kundin widerspiegelt, sondern auch ihrern Kunden ein nahtloses und inspirierendes Lernerlebnis bietet.
Und jetzt los, schau dir anleitungen.bygesa.de an, um einen Eindruck von der neuen Heimat digitaler Schnittmuster zu bekommen.
– Henning