Monitoring App – API & Status Monitoring mit Supabase, Next.js & Stripe
Projektbeschreibung:
Für ein eigenes SaaS-Projekt habe ich eine leistungsstarke Monitoring-App entwickelt, mit der Nutzer ihre APIs in Echtzeit überwachen können. Ziel war es, Entwickler und Unternehmen bei der frühzeiti on Ausfällen oder Performance-Problemen zu unterstützen – inklusive Benachrichtigungssystem, Abomodell und Admin-Panel.
✅ Features & Mehrwert
- API-Überwachung in Echtzeit
Nutzer können eigene API-Endpoints anlegen, die regelmäßig automatisiert geprüft werden (Statuscode, Antwortzeit etc.). - Benachrichtigung per E-Mail (Mailgun)
Sobald ein Endpoint fehlschlägt oder zu langsam reagiert, wird automatisch eine E-Mail-Benachrichtigung ausgelöst. - Abomodell mit Stripe-Integration
Die App unterscheidet zwischen Free– und Premium-Nutzern. Premium-Kunden können mehrere APIs gleichzeitig überwachen und erhalten erweiterte Funktionen. - Nutzer-Authentifizierung mit Supabase Auth
Registrierungen und Logins erfolgen sicher über Supabase. E-Mail-Verifizierung ist integriert. - Admin-Dashboard
Übersicht über alle registrierten Nutzer, Checks, Abonnements und Statusmeldungen. - Mehrsprachigkeit (i18n)
Die App unterstützt sowohl Deutsch als auch Englisch – alle Texte werden aus JSON-Dateien geladen und dynamisch je nach Sprache dargestellt. - Responsive Design
Die Anwendung ist vollständig responsive und funktioniert auf Desktop, Tablet und Smartphone gleichermaßen performant.
⚙️ Verwendete Technologien
- Next.js 15.3.1 (App Router)
- Supabase (Datenbank, Auth, Storage)
- Stripe (Zahlungsabwicklung für Abos)
- Mailgun (E-Mail-Notifications)
- Tailwind CSS (UI/Design)
- TypeScript (für Typensicherheit und bessere Wartbarkeit)
- Vercel (Deployment & Hosting)
🚀 Vorteile für Kunden & Nutzer
- Schnelle Einrichtung: In wenigen Sekunden APIs zum Monitoring hinzufügen.
- Zuverlässige Alerts: Frühzeitige Benachrichtigung verhindert Ausfallzeiten und Kundenverluste.
- Skalierbar: Durch Supabase und Vercel ist die App für viele Nutzer problemlos skalierbar.
- Transparenz: Nutzer haben jederzeit den Überblick über ihre APIs und deren Zustand.
👉 Teste die Monitoring-App jetzt kostenlos unter apimon.presuccess.de und überzeuge dich selbst von der einfachen Einrichtung und den zuverlässigen Benachrichtigungen!