mySmartpage.de

Ich habe mySmartpage.de mitgegründet und in der Entwicklung geleitet. MySmartpage.de ist eine digitale Plattform für modernes Networking, die es Nutzern ermöglicht, ihr persönliches Portfolio und Kontaktinformationen unkompliziert per NFC-Technologie oder über Social-Media zu teilen. Technisch realisieren wir dies durch ein DSGVO-konform gehostetes, horizontal skalierbares Docker-Deployment mit einer ausfalltoleranten, verteilten Serverarchitektur, wobei das Frontend des Editors in Flutter und die aufrufbaren Smartpages in Bootstrap umgesetzt sind.

Hier siehst du ein Beispiel für eine Smartpage.

Infrastruktur & Hosting

Unsere gesamte Infrastruktur wird streng DSGVO-konform auf europäischen Servern bei Hetzner gehostet, um höchste Datensicherheit zu gewährleisten. Um Ausfallsicherheit zu garantieren, setzen wir auf eine verteilte Serverarchitektur. Das System ist so konzipiert, dass es bei wachsenden Nutzerzahlen und Lastspitzen horizontal skaliert werden kann. Dies gibt uns die nötige Flexibilität und volle Kontrolle über unsere Server-Ressourcen.

Frontend-Technologien

Wir haben uns bei der Frontend-Entwicklung bewusst für eine technologische Trennung entschieden, um die jeweiligen Use-Cases optimal abzubilden:

• Der Editor: Das Herzstück für unsere Nutzer wird mit Flutter realisiert. Dies ermöglicht eine reibungslose User Experience und schnelles Prototyping, über die Nutzer ihre Profile intuitiv verwalten und Statistiken einsehen können.
• Die Smartpages: Die öffentlichen Seiten sind mit Bootstrap geschrieben. Dadurch garantieren wir extrem schnelle Ladezeiten und verhindern unnötigen technischen Overhead.

Backend & Storage

Wir setzen auf moderne und schlanke hybrid-Lösung:

• Datenbank & Auth: Für die relationale Datenhaltung und die sichere Nutzer-Authentifizierung nutzen wir Supabase.
• Medien-Hosting: Um die von Nutzern hochgeladenen Profilbilder und Assets performant und unabhängig von der Datenbank auszuliefern, verwenden wir einen dedizierten S3-Storage.
• Backend und erzeugung der Smartpages: Die Backend-Logik und die Erzeugung der Smartpages wird mit Python und HUGO realisiert.

NFC-Integration & Dual-URL-System

Jede Smartpage verfügt über zwei Zugriffspunkte:

1. Eine feste URL basierend auf einer eindeutigen Smartpage-ID.
2. Eine personalisierte Alias-URL, die der Nutzer im Editor jederzeit flexibel anpassen kann.

Auf den physischen NFC-Produkten (Sticker und Karten) ist hardwareseitig stets die feste ID-URL programmiert. Dies stellt sicher, dass das Routing zur Smartpage immer fehlerfrei funktioniert, selbst wenn ein Nutzer seinen gewählten Profilnamen nachträglich ändert.

Deployment & DevOps

Alle Applikationsbestandteile werden via Docker containerisiert.

Payment & Subscription-Management

Die Abrechnung (halbjährliche Zyklen) haben wir vollständig an Digistore24 ausgelagert. Dieser Service übernimmt für uns die sichere und rechtlich konforme Abwicklung aller Transaktionen (inklusive PayPal, Kreditkarte, Google Pay und Apple Pay) und automatisiert die Verwaltung von Trial-Phasen, wiederkehrenden Zahlungen und Kündigungen.