--- title: Push Notifications in Safari Progressive Web apps description: Learn how to add push notifications to a web application using Safari's new-ish browser APIs in this post. The post covers the steps to add a service worker,... canonical: https://daily.dev/posts/push-notifications-in-safari-progressive-web-apps-jhq9q0eft twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Push Notifications in Safari Progressive Web apps | daily.dev og:description: Learn how to add push notifications to a web application using Safari's new-ish browser APIs in this post. The post covers the steps to add a service worker,... og:url: https://daily.dev/posts/push-notifications-in-safari-progressive-web-apps-jhq9q0eft og:image: https://api.daily.dev/og/posts/JHq9Q0EFT.png og:image:alt: Push Notifications in Safari Progressive Web apps og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Push Notifications in Safari Progressive Web apps **[Planet Xamarin](https://daily.dev/sources/planetxamarin)** · 11 min read · 3 upvotes · 0 comments ## Summary Learn how to add push notifications to a web application using Safari's new-ish browser APIs in this post. The post covers the steps to add a service worker, configure its behavior, register it with the web app, and send both local and remote push notifications. It also discusses the caveats and considerations when developing push notifications for web apps. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#nextjs](https://daily.dev/tags/nextjs), [#safari](https://daily.dev/tags/safari) [View this post on daily.dev](https://daily.dev/posts/push-notifications-in-safari-progressive-web-apps-jhq9q0eft) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Push Notifications in Safari Progressive Web apps","url":"https://daily.dev/posts/push-notifications-in-safari-progressive-web-apps-jhq9q0eft","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/push-notifications-in-safari-progressive-web-apps-jhq9q0eft"},"datePublished":"2024-04-23T21:02:41.312Z","dateModified":"2024-05-09T09:15:49.869Z","description":"Learn how to add push notifications to a web application using Safari's new-ish browser APIs in this post. The post covers the steps to add a service worker,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/4800c5572f7a883b81016c0ea4197a6b?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/4800c5572f7a883b81016c0ea4197a6b?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Planet Xamarin","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Planet Xamarin","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e173520ec80446be9176a8451b5901e3","url":"https://daily.dev/sources/planetxamarin"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/push-notifications-in-safari-progressive-web-apps-jhq9q0eft","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,nextjs,safari","timeRequired":"PT11M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Planet Xamarin","item":"https://daily.dev/sources/planetxamarin"},{"@type":"ListItem","position":3,"name":"Push Notifications in Safari Progressive Web apps"}]} ```