Apps
Notifications
Cross-platform notification system for web and mobile apps with real-time delivery.
What it does
Cross-platform notification system where servers publish alerts and web or mobile clients display them in real time. Notifications arrive instantly over MQTT without polling, and users can browse their full notification history.
Tech stack
| Layer | Library |
|---|---|
| App framework | Next.js |
| MQTT-based notification delivery | @cloudsignal/notifications |
| Styling | Tailwind CSS |
Key components
| Component | What it does |
|---|---|
NotificationProvider | Wraps the app, manages the MQTT connection, and maintains notification state including read/unread tracking |
| Toast display | Renders incoming notifications as dismissible toast popups with configurable position and auto-dismiss timing |
| Notification history | Scrollable list of past notifications with timestamps, read status, and category filtering |
| Server publish script | Node.js or Python script that publishes notifications via the CloudSignal REST API, suitable for cron jobs, webhooks, or CI/CD pipelines |
Build with AI
This app is a candidate for AI development platforms like Lovable or v0. Use the prompt below to generate a customized version:
Example prompt
Build a notification dashboard using @cloudsignal/notifications with toast alerts, notification history, and a server-side publish panel
Extend the generated app with notification categories, priority levels, or push notification support for mobile devices.
Resources
- Source on GitHub: cloudsignal/example-notifications
- Related guide: App notifications