
Build a powerful notification system with Next.js and Knock
12/16/2022
This post details Vercel's implementation of a new notification system using Knock. It covers the technical decision-making process, highlighting the need for iteration speed, reliability, and observability. The integration involves using Knock's API for triggering workflows (e.g., `new-comment` workflow with recipients, data, actor, cancellationKey, tenant) and its React library for building in-app notification feeds and preference management. Specific examples include setting up `KnockFeedProvider` and `NotificationToaster`, and the use of WebSockets for real-time updates. The post also details specific notification types like deployment failure alerts and batched domain misconfiguration notifications, showcasing the use of Knock's batch function.