0Pricing
Frontend Academy · Lesson

Push Notifications

Request permission, subscribe to push with the Push API, receive messages in the Service Worker, and display notifications with showNotification.

Why Push Notifications?

Push notifications re-engage users when the app isn't open — message alerts, news updates, abandoned cart reminders. Powered by the Service Worker (so they work even when the page is closed).

The Push API + Notifications API

Two browser APIs work together. The Push API receives messages from a server via a push subscription. The Notifications API displays the message to the user.

All lessons in this course

  1. The Web App Manifest
  2. Service Worker Registration and Lifecycle
  3. Offline Caching Strategies: CacheFirst NetworkFirst
  4. Push Notifications
← Back to Frontend Academy