Skip to content

Commit 2617348

Browse files
maratalclaude
andcommitted
docs[nextjs-push]: add screenshot before next steps
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent d233139 commit 2617348

File tree

2 files changed

+19
-0
lines changed

2 files changed

+19
-0
lines changed
204 KB
Loading

src/pages/docs/push/getting-started/nextjs.mdx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -520,6 +520,25 @@ Add the three send buttons to the JSX inside the buttons `div`:
520520
```
521521
</Code>
522522

523+
Now you can send push notifications to your device, client, or channel using the buttons in the UI:
524+
525+
![Screenshot of the Next.js push tutorial application showing push notifications received](../../../../images/content/screenshots/getting-started/nextjs-push-getting-started-guide.png)
526+
527+
## Browser compatibility <a id="browser-compatibility"/>
528+
529+
Web Push notification support varies across browsers:
530+
531+
| Feature | Chrome/Edge | Firefox | Safari |
532+
|---|---|---|---|
533+
| Push API | Full support | Full support | Partial (macOS 13+) |
534+
| Service Worker | Full support | Full support | Full support |
535+
| Notification actions (buttons) | Supported | Limited | Not supported |
536+
| Silent push | Supported | Supported | Not supported |
537+
538+
<Aside data-type="note">
539+
Safari on macOS 13+ supports Web Push, but with some limitations. Notification action buttons are not supported in Safari or Firefox on macOS.
540+
</Aside>
541+
523542
## Next steps <a id="next-steps"/>
524543

525544
* Understand [token authentication](/docs/auth/token) before going to production.

0 commit comments

Comments
 (0)