Adding real-time toast notifications in Nuxt and Vue
For most developers toasts aren’t a new concept, but Knock’s real-time feed API allows you to bind toast notifications in your frontend application to events that are happening outside a user’s session: maybe a user posts a comment, or some other scheduled event happens.
In this video, we’ll look at how we can implement real-time toasts using Nuxt, shadcn/ui, and Knock. This video builds on a previous tutorial on creating an in-app notification feed, so be sure to check that out.
Part 1:
• Building an in-app notification feed ...
Resources:
https://knock.app/channels/in-app-not...
https://docs.knock.app/sdks/javascrip...
Chapters:
00:00 - Introduction
00:39 - Installing the toast component
03:02 - Binding to real-time events
06:09 - Customize toast display
09:21 - Conditionally display toasts
11:07 - Recap
