Sign in

Quickstart - Get started with sending collaborative notifications with Web Push using Liveblocks and Next.js

Liveblocks is a realtime collaboration infrastructure for building performant collaborative experiences. Follow this guide to send collaboration notifications to Web Push using methods from @liveblocks/node.

Quickstart

  1. Have your Liveblocks app ready

    To receive collaboration webhook events, they need to be triggered from your front-end application, for example when a new comment is added to a thread in your Liveblocks app. If you haven't set up an app yet, get started with Comments before continuing.

  2. Install Liveblocks Node

    Every Liveblocks package should use the same version.

    Terminal
    npm install @liveblocks/node

  3. Follow our guide

    Follow our step-by-step guide to learn set up Web Push notifications.

    How to notify users with Web Push notifications

What to read next

Congratulations! You've set up Web Push notifications in your Next.js application.

Examples using Notifications