How to get Real-time in-app notifications with Novu?
I am trying to receive real-time notifications without the need to refresh using Novu. Following the guide here at novu docs(https://docs.novu.co/platform/quickstart/nextjs), i created the layout.tsx like
import { NotificationInbox } from "@/components/inbox";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>
<nav>
<NotificationInbox />
</nav>
{children}
</body>
</html>
);
}
and NotificationInbox.tsx like this
'use client';
import React from 'react';
import { Inbox } from '@novu/nextjs';
export function NotificationInbox() {
return (
<Inbox
applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
subscriberId="YOUR_SUBSCRIBER_ID"
/>
);
}
When i trigger my workflow from the dashboard, i have to refresh my nextjs app to see the latest notification.
How can i do this every time a notification is sent from novu? Without the need for refreshing manually to some periodic refresh of n minutes
import { NotificationInbox } from "@/components/inbox";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>
<nav>
<NotificationInbox />
</nav>
{children}
</body>
</html>
);
}
and NotificationInbox.tsx like this
'use client';
import React from 'react';
import { Inbox } from '@novu/nextjs';
export function NotificationInbox() {
return (
<Inbox
applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
subscriberId="YOUR_SUBSCRIBER_ID"
/>
);
}
When i trigger my workflow from the dashboard, i have to refresh my nextjs app to see the latest notification.
How can i do this every time a notification is sent from novu? Without the need for refreshing manually to some periodic refresh of n minutes
