How to show push notifications in Angular 17 when receiving SSE events (even with the browser...

I'm using Angular 17 and Spring Boot 3.3.0, and I have Server-Sent Events (SSE) working on both the backend and frontend.

I need to display a push notification in Angular whenever a new SSE event is received. The notification should appear even if the user is not actively viewing the browser tab (tab in background or minimized).

This is a standard web application accessed through desktop browsers (Windows, macOS, Linux) and mobile browsers (Android and iOS).

Is it possible to trigger system-level notifications from SSE in this scenario, or do I need to implement Web Push/Service Workers instead? If so, what is the recommended approach?

Continue reading...