A real-time fully functional embedded notification center
Novu provides a real-time embedded notification center widget that can simply be dropped into any web application.
Embedded Notification Center
It’s available as a drop-in component for React, Vue and Angular apps. For non-specific frameworks, it’s also ready as a bundled web component.We care about the developer experience so much that we also built a headless, zero-UI version to empower you to hand-craft your notification center.Explore a lot more about the Notification Center here
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Novu","colors":{"primary":"#0055ff","light":"#00d5ff","dark":"#0055ff"},"logo":{"light":"https://mintcdn.com/novu-v2-docs/VG9mq1_LJq1HEO4o/logo/novu-light.svg?fit=max\u0026auto=format\u0026n=VG9mq1_LJq1HEO4o\u0026q=85\u0026s=7eacd7fa5f8962ea593e8b499c2933e4","dark":"https://mintcdn.com/novu-v2-docs/VG9mq1_LJq1HEO4o/logo/novu-dark.svg?fit=max\u0026auto=format\u0026n=VG9mq1_LJq1HEO4o\u0026q=85\u0026s=275f6d49242a214e9af7ec7a0714d139"},"favicon":"https://mintcdn.com/novu-v2-docs/YYAvm31YUpJTIUru/favicon.png?fit=max\u0026auto=format\u0026n=YYAvm31YUpJTIUru\u0026q=85\u0026s=1482d60682c67f8d7253cbced80d90ca","api":{"openapi":"https://api.novu.co/openapi.json","mdx":{"auth":{"method":"key","name":"Authorization"},"server":["https://api.novu.co","https://eu.api.novu.co"]}},"background":{"image":"https://mintcdn.com/novu-v2-docs/YYAvm31YUpJTIUru/background.png?fit=max\u0026auto=format\u0026n=YYAvm31YUpJTIUru\u0026q=85\u0026s=956f7a984e350d08a1d84cdec70f4b4b","color":{"light":"#ffffff","dark":"#000000"}},"navbar":{"links":[{"href":"https://docs.novu.co?utm_campaign=v0.24.x-docs_top_nav","label":"v2 Docs"},{"href":"https://novu.co/pricing/?utm_campaign=v0.24.x-docs_top_nav","label":"Pricing"},{"href":"https://novu.co/blog/?utm_campaign=v0.24.x-docs_top_nav","label":"Blog"},{"href":"https://novu.co/contact-us/?utm_campaign=v0.24.x-docs_top_nav","label":"Contact us"}],"primary":{"type":"github","href":"https://github.com/novuhq/novu"}},"footer":{"socials":{"twitter":"https://twitter.com/novuhq","github":"https://github.com/novuhq","linkedin":"https://www.linkedin.com/company/novuco"}},"seo":{"metatags":{"og:image":"https://novu.co/images/social-preview.jpg","robots":"noindex"},"indexing":"navigable"},"integrations":{"intercom":{"appId":"fqe0apnx"},"plausible":{"domain":"docs.novu.co"}},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"novu-v2-docs","hasAudioNarration":false,"actualSubdomain":"novu-v2-docs","customDomains":["v0.x-docs.novu.co"],"gitSource":{"type":"github","owner":"novuhq","repo":"docs","deployBranch":"v0.x-docs","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a3b8954ebea45ce91c3e629","collectionId":"236c75b9-6a6b-49a2-83a0-429b2be65a92","schemaVersion":"v3"},"feedback":{"thumbs":true,"edits":true,"issues":true},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6a3b8954ebea45ce91c3e629:success","clientVersion":"0.0.4006","searchFilterCounts":[{"language":"default","tag":"Documentation","count":356},{"language":"default","tag":"API Reference","count":202},{"language":"default","tag":"Channels \u0026 Providers","count":54},{"language":"default","tag":"Guides","count":46},{"language":"default","tag":"Framework (Code-First)","count":33},{"language":"default","tag":"Subscribers","count":23},{"language":"default","tag":"Getting Started","count":22},{"language":"default","tag":"Email","count":18},{"language":"default","tag":"SMS","count":18},{"language":"default","tag":"Quickstarts","count":17}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"guides/usecases/embedded-notification-center","slug":"/guides/usecases/embedded-notification-center","pageMetadata":{"title":"Fully featured embedded notification center","description":"A real-time fully functional embedded notification center","href":"/guides/usecases/embedded-notification-center"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"A real-time fully functional embedded notification center\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,p:`p`,..._provideComponents(),...props.components},{Frame,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Novu provides a real-time embedded notification center widget that can simply be dropped into any web application.`}),`\n`,_jsx(Frame,{caption:`Embedded Notification Center`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/novu-v2-docs/iBMuKOgzYB_2VB7w/images/notification-center.gif?s=a2d05e429d9d237fe4c833af5b6ed128`,\"data-og-width\":`828`,width:`828`,\"data-og-height\":`532`,height:`532`,\"data-path\":`images/notification-center.gif`,\"data-optimize\":`true`,\"data-opv\":`3`})}),`\n`,_jsx(_components.p,{children:`It’s available as a drop-in component for React, Vue and Angular apps. For non-specific frameworks, it’s also ready as a bundled web component.`}),`\n`,_jsx(_components.p,{children:`We care about the developer experience so much that we also built a headless, zero-UI version to empower you to hand-craft your notification center.`}),`\n`,_jsx(_components.p,{children:_jsx(_components.a,{href:`/notification-center/introduction`,children:`Explore a lot more about the Notification Center here`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Fully featured embedded notification center","description":"A real-time fully functional embedded notification center","href":"/guides/usecases/embedded-notification-center"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":["/_mintlify/custom/novu-v2-docs/7fac7b8abaef5f40/echo-terminal.js","/_mintlify/custom/novu-v2-docs/eed67aa1570b4055/google-tag-manager.js","/_mintlify/custom/novu-v2-docs/4fe39a51663894fd/hubspot.js","/_mintlify/custom/novu-v2-docs/3c623cb7116f058c/linkedin-insights.js","/_mintlify/custom/novu-v2-docs/19b29f44574d1bc1/linkedin.js"],"subdomain":"novu-v2-docs","siteName":"Novu","title":"Fully featured embedded notification center - Novu","navMaps":{"firstHrefInVersion":{"v0.24.x":{"href":"/guides/usecases/embedded-notification-center","matchLevel":0},"v0.23.0":{"href":"/guides/usecases/embedded-notification-center","matchLevel":0},"v0.22.0":{"href":"/guides/usecases/embedded-notification-center","matchLevel":0},"v0.21.0":{"href":"/guides/usecases/embedded-notification-center","matchLevel":0},"v0.20.0":{"href":"/guides/usecases/embedded-notification-center","matchLevel":0},"v0.19.0":{"href":"/guides/usecases/embedded-notification-center","matchLevel":0},"v0.18.0":{"href":"/guides/usecases/embedded-notification-center","matchLevel":0}},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T02:47:10.695Z","originalFileLocation":"guides/usecases/embedded-notification-center.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"A real-time fully functional embedded notification center\">\u003cmeta data-mint-head name=\"application-name\" content=\"Novu\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003cmeta data-mint-head name=\"robots\" content=\"noindex\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Fully featured embedded notification center - Novu\">\u003cmeta data-mint-head property=\"og:description\" content=\"A real-time fully functional embedded notification center\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Novu\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://novu.co/images/social-preview.jpg\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Fully featured embedded notification center - Novu\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"A real-time fully functional embedded notification center\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://novu.co/images/social-preview.jpg\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/novu-v2-docs/F-6tYbNQX3GIi-E2/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Novu\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#0055ff\">\u003clink data-mint-head rel=\"canonical\" href=\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/usecases/embedded-notification-center.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://v0.x-docs.novu.co/#organization\",\"name\":\"Novu\",\"url\":\"https://v0.x-docs.novu.co\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/novu-v2-docs/VG9mq1_LJq1HEO4o/logo/novu-light.svg?fit=max\u0026auto=format\u0026n=VG9mq1_LJq1HEO4o\u0026q=85\u0026s=7eacd7fa5f8962ea593e8b499c2933e4\"}},{\"@type\":\"WebSite\",\"@id\":\"https://v0.x-docs.novu.co#website\",\"name\":\"Novu\",\"url\":\"https://v0.x-docs.novu.co\",\"publisher\":{\"@id\":\"https://v0.x-docs.novu.co/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center#webpage\",\"url\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center\",\"name\":\"Fully featured embedded notification center\",\"description\":\"A real-time fully functional embedded notification center\",\"dateModified\":\"2026-01-07T02:47:10.695Z\",\"isPartOf\":{\"@id\":\"https://v0.x-docs.novu.co#website\"},\"breadcrumb\":{\"@id\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Usecases\",\"item\":\"https://v0.x-docs.novu.co/guides/usecases/introduction\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fully featured embedded notification center\",\"item\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center#article\",\"headline\":\"Fully featured embedded notification center\",\"name\":\"Fully featured embedded notification center\",\"description\":\"A real-time fully functional embedded notification center\",\"url\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center\",\"mainEntityOfPage\":{\"@id\":\"https://v0.x-docs.novu.co/guides/usecases/embedded-notification-center#webpage\"},\"image\":\"https://novu.co/images/social-preview.jpg\",\"dateModified\":\"2026-01-07T02:47:10.695Z\",\"publisher\":{\"@id\":\"https://v0.x-docs.novu.co/#organization\"},\"isPartOf\":{\"@id\":\"https://v0.x-docs.novu.co#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Novu\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Novu","nav":{"global":null,"versions":[{"version":"v0.24.x","anchors":[{"anchor":"Documentation","icon":"book-open","tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/getting-started/introduction"}]},{"tab":"Framework (Code-First)","pages":[{"title":"Framework (Code-First)","href":"/framework/quickstart"}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/introduction"}]},{"tab":"Guides","groups":[{"group":"Guides","pages":[{"title":"How to Add Digest to In-App Notifications","href":"/guides/add-digest-to-inapp-notifications"},{"title":"How to Add Digest to Email Notifications","href":"/guides/add-digest-to-email-notifications"},{"title":"How to use Headless Notification Center","href":"/guides/headless-notification-center-guide"},{"title":"How to use Novu to send notifications to a Slack channel","href":"/guides/slack-guide"},{"title":"How to use Novu to send notifications to a channel in a Discord server","href":"/guides/discord-guide"},{"title":"How to send web push notifications with FCM and Novu","href":"/guides/novu-fcm-web"},{"title":"How to send PUSH notifications to iOS devices with FCM using Novu","href":"/guides/FCM-iOS-Novu/how-to-send-PUSH-notifications-to-iOS-devices-with-FCM-using-Novu"},{"title":"How to send push notifications to Flutter apps (Android \u0026 iOS) with FCM using Novu","href":"/guides/fcm-flutter-novu/how-to-send-push-notifications-to-flutter-apps-with-fcm-using-Novu"},{"title":"How To Integrate Segment With Novu","href":"/guides/how-to-integrate-segment-with-novu"},{"title":"How to send push notifications in an Android app (react native) with FCM and Novu","href":"/guides/novu-fcm-react-native-android"},{"title":"How to send notifications with Next.js and React email","href":"/guides/framework-guides/framework-react-email"},{"title":"How to send notifications with Nuxt.js and Vuemail","href":"/guides/framework-guides/framework-nuxt-vuemail"},{"title":"How to send notifications with Svelte and Svelte email","href":"/guides/framework-guides/framework-svelte"},{"title":"How to send notifications with Remix and React email","href":"/guides/framework-guides/framework-remix"},{"title":"How to send notifications with Next.js and MJML","href":"/guides/framework-guides/framework-mjml"},{"title":"How to send OTP verification email notifications with React-email","href":"/guides/framework-guides/otp"},{"title":"Empowering Product Teams to Manage Notification Workflows","href":"/guides/framework-guides/product"},{"title":"How to batch product notifications via code","href":"/guides/framework-guides/digest"}]},{"group":"Recipes","pages":[{"title":"Recipes","href":"/guides/cookbook/introduction"}]},{"group":"Usecases","pages":[{"title":"Learn by usecase","href":"/guides/usecases/introduction"},{"title":"Managing multiple delivery providers in one place","description":"Learn to manage many delivery providers across different channels in one dashboard","href":"/guides/usecases/multiple-delivery-providers"},{"title":"Fully featured embedded notification center","href":"/guides/usecases/embedded-notification-center"},{"title":"Digest multiple events in a single notification","description":"Learn to leverage Novu in digesting multiple events.","href":"/guides/usecases/digest-multiple-events"},{"title":"Manage notifications in multiple languages","href":"/guides/usecases/manage-notifications-in-multiple-languages"},{"title":"Processing and sending notifications at any scale","href":"/guides/usecases/send-notifications-at-any-scale"},{"title":"Debug notifications across channels in a single place","href":"/guides/usecases/debug-notifications"},{"title":"Centralized multiple legacy implementations of different teams","href":"/guides/usecases/centralized-multiple-legacy-implementations"}]},{"group":"Demos","pages":[{"title":"Demo apps","href":"/guides/demos/introduction"}]}]},{"tab":"Help Center","pages":[{"title":"Help Center","href":"/help/overview"}]}]},{"anchor":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"anchor":"Discord Support","icon":"discord","href":"https://discord.gg/novu?ref=docs-instant-help"}]},{"version":"v0.23.0","anchors":[{"anchor":"Documentation","icon":"book-open","tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/getting-started/introduction"}]},{"tab":"Framework (Code-First)","pages":[{"title":"Framework (Code-First)","href":"/framework/quickstart"}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/introduction"}]},{"tab":"Guides","groups":[{"group":"Guides","pages":[{"title":"How to Add Digest to In-App Notifications","href":"/guides/add-digest-to-inapp-notifications"},{"title":"How to Add Digest to Email Notifications","href":"/guides/add-digest-to-email-notifications"},{"title":"How to use Headless Notification Center","href":"/guides/headless-notification-center-guide"},{"title":"How to use Novu to send notifications to a Slack channel","href":"/guides/slack-guide"},{"title":"How to use Novu to send notifications to a channel in a Discord server","href":"/guides/discord-guide"},{"title":"How to send web push notifications with FCM and Novu","href":"/guides/novu-fcm-web"},{"title":"How to send PUSH notifications to iOS devices with FCM using Novu","href":"/guides/FCM-iOS-Novu/how-to-send-PUSH-notifications-to-iOS-devices-with-FCM-using-Novu"},{"title":"How to send push notifications to Flutter apps (Android \u0026 iOS) with FCM using Novu","href":"/guides/fcm-flutter-novu/how-to-send-push-notifications-to-flutter-apps-with-fcm-using-Novu"},{"title":"How To Integrate Segment With Novu","href":"/guides/how-to-integrate-segment-with-novu"},{"title":"How to send push notifications in an Android app (react native) with FCM and Novu","href":"/guides/novu-fcm-react-native-android"},{"title":"How to send notifications with Next.js and React email","href":"/guides/framework-guides/framework-react-email"},{"title":"How to send notifications with Nuxt.js and Vuemail","href":"/guides/framework-guides/framework-nuxt-vuemail"},{"title":"How to send notifications with Svelte and Svelte email","href":"/guides/framework-guides/framework-svelte"},{"title":"How to send notifications with Remix and React email","href":"/guides/framework-guides/framework-remix"},{"title":"How to send notifications with Next.js and MJML","href":"/guides/framework-guides/framework-mjml"},{"title":"How to send OTP verification email notifications with React-email","href":"/guides/framework-guides/otp"},{"title":"Empowering Product Teams to Manage Notification Workflows","href":"/guides/framework-guides/product"},{"title":"How to batch product notifications via code","href":"/guides/framework-guides/digest"}]},{"group":"Recipes","pages":[{"title":"Recipes","href":"/guides/cookbook/introduction"}]},{"group":"Usecases","pages":[{"title":"Learn by usecase","href":"/guides/usecases/introduction"},{"title":"Managing multiple delivery providers in one place","description":"Learn to manage many delivery providers across different channels in one dashboard","href":"/guides/usecases/multiple-delivery-providers"},{"title":"Fully featured embedded notification center","href":"/guides/usecases/embedded-notification-center"},{"title":"Digest multiple events in a single notification","description":"Learn to leverage Novu in digesting multiple events.","href":"/guides/usecases/digest-multiple-events"},{"title":"Manage notifications in multiple languages","href":"/guides/usecases/manage-notifications-in-multiple-languages"},{"title":"Processing and sending notifications at any scale","href":"/guides/usecases/send-notifications-at-any-scale"},{"title":"Debug notifications across channels in a single place","href":"/guides/usecases/debug-notifications"},{"title":"Centralized multiple legacy implementations of different teams","href":"/guides/usecases/centralized-multiple-legacy-implementations"}]},{"group":"Demos","pages":[{"title":"Demo apps","href":"/guides/demos/introduction"}]}]},{"tab":"Help Center","pages":[{"title":"Help Center","href":"/help/overview"}]}]},{"anchor":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"anchor":"Discord Support","icon":"discord","href":"https://discord.gg/novu?ref=docs-instant-help"}]},{"version":"v0.22.0","anchors":[{"anchor":"Documentation","icon":"book-open","tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/getting-started/introduction"}]},{"tab":"Framework (Code-First)","pages":[{"title":"Framework (Code-First)","href":"/framework/quickstart"}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/introduction"}]},{"tab":"Guides","groups":[{"group":"Guides","pages":[{"title":"How to Add Digest to In-App Notifications","href":"/guides/add-digest-to-inapp-notifications"},{"title":"How to Add Digest to Email Notifications","href":"/guides/add-digest-to-email-notifications"},{"title":"How to use Headless Notification Center","href":"/guides/headless-notification-center-guide"},{"title":"How to use Novu to send notifications to a Slack channel","href":"/guides/slack-guide"},{"title":"How to use Novu to send notifications to a channel in a Discord server","href":"/guides/discord-guide"},{"title":"How to send web push notifications with FCM and Novu","href":"/guides/novu-fcm-web"},{"title":"How to send PUSH notifications to iOS devices with FCM using Novu","href":"/guides/FCM-iOS-Novu/how-to-send-PUSH-notifications-to-iOS-devices-with-FCM-using-Novu"},{"title":"How to send push notifications to Flutter apps (Android \u0026 iOS) with FCM using Novu","href":"/guides/fcm-flutter-novu/how-to-send-push-notifications-to-flutter-apps-with-fcm-using-Novu"},{"title":"How To Integrate Segment With Novu","href":"/guides/how-to-integrate-segment-with-novu"},{"title":"How to send push notifications in an Android app (react native) with FCM and Novu","href":"/guides/novu-fcm-react-native-android"},{"title":"How to send notifications with Next.js and React email","href":"/guides/framework-guides/framework-react-email"},{"title":"How to send notifications with Nuxt.js and Vuemail","href":"/guides/framework-guides/framework-nuxt-vuemail"},{"title":"How to send notifications with Svelte and Svelte email","href":"/guides/framework-guides/framework-svelte"},{"title":"How to send notifications with Remix and React email","href":"/guides/framework-guides/framework-remix"},{"title":"How to send notifications with Next.js and MJML","href":"/guides/framework-guides/framework-mjml"},{"title":"How to send OTP verification email notifications with React-email","href":"/guides/framework-guides/otp"},{"title":"Empowering Product Teams to Manage Notification Workflows","href":"/guides/framework-guides/product"},{"title":"How to batch product notifications via code","href":"/guides/framework-guides/digest"}]},{"group":"Recipes","pages":[{"title":"Recipes","href":"/guides/cookbook/introduction"}]},{"group":"Usecases","pages":[{"title":"Learn by usecase","href":"/guides/usecases/introduction"},{"title":"Managing multiple delivery providers in one place","description":"Learn to manage many delivery providers across different channels in one dashboard","href":"/guides/usecases/multiple-delivery-providers"},{"title":"Fully featured embedded notification center","href":"/guides/usecases/embedded-notification-center"},{"title":"Digest multiple events in a single notification","description":"Learn to leverage Novu in digesting multiple events.","href":"/guides/usecases/digest-multiple-events"},{"title":"Manage notifications in multiple languages","href":"/guides/usecases/manage-notifications-in-multiple-languages"},{"title":"Processing and sending notifications at any scale","href":"/guides/usecases/send-notifications-at-any-scale"},{"title":"Debug notifications across channels in a single place","href":"/guides/usecases/debug-notifications"},{"title":"Centralized multiple legacy implementations of different teams","href":"/guides/usecases/centralized-multiple-legacy-implementations"}]},{"group":"Demos","pages":[{"title":"Demo apps","href":"/guides/demos/introduction"}]}]},{"tab":"Help Center","pages":[{"title":"Help Center","href":"/help/overview"}]}]},{"anchor":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"anchor":"Discord Support","icon":"discord","href":"https://discord.gg/novu?ref=docs-instant-help"}]},{"version":"v0.21.0","anchors":[{"anchor":"Documentation","icon":"book-open","tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/getting-started/introduction"}]},{"tab":"Framework (Code-First)","pages":[{"title":"Framework (Code-First)","href":"/framework/quickstart"}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/introduction"}]},{"tab":"Guides","groups":[{"group":"Guides","pages":[{"title":"How to Add Digest to In-App Notifications","href":"/guides/add-digest-to-inapp-notifications"},{"title":"How to Add Digest to Email Notifications","href":"/guides/add-digest-to-email-notifications"},{"title":"How to use Headless Notification Center","href":"/guides/headless-notification-center-guide"},{"title":"How to use Novu to send notifications to a Slack channel","href":"/guides/slack-guide"},{"title":"How to use Novu to send notifications to a channel in a Discord server","href":"/guides/discord-guide"},{"title":"How to send web push notifications with FCM and Novu","href":"/guides/novu-fcm-web"},{"title":"How to send PUSH notifications to iOS devices with FCM using Novu","href":"/guides/FCM-iOS-Novu/how-to-send-PUSH-notifications-to-iOS-devices-with-FCM-using-Novu"},{"title":"How to send push notifications to Flutter apps (Android \u0026 iOS) with FCM using Novu","href":"/guides/fcm-flutter-novu/how-to-send-push-notifications-to-flutter-apps-with-fcm-using-Novu"},{"title":"How To Integrate Segment With Novu","href":"/guides/how-to-integrate-segment-with-novu"},{"title":"How to send push notifications in an Android app (react native) with FCM and Novu","href":"/guides/novu-fcm-react-native-android"},{"title":"How to send notifications with Next.js and React email","href":"/guides/framework-guides/framework-react-email"},{"title":"How to send notifications with Nuxt.js and Vuemail","href":"/guides/framework-guides/framework-nuxt-vuemail"},{"title":"How to send notifications with Svelte and Svelte email","href":"/guides/framework-guides/framework-svelte"},{"title":"How to send notifications with Remix and React email","href":"/guides/framework-guides/framework-remix"},{"title":"How to send notifications with Next.js and MJML","href":"/guides/framework-guides/framework-mjml"},{"title":"How to send OTP verification email notifications with React-email","href":"/guides/framework-guides/otp"},{"title":"Empowering Product Teams to Manage Notification Workflows","href":"/guides/framework-guides/product"},{"title":"How to batch product notifications via code","href":"/guides/framework-guides/digest"}]},{"group":"Recipes","pages":[{"title":"Recipes","href":"/guides/cookbook/introduction"}]},{"group":"Usecases","pages":[{"title":"Learn by usecase","href":"/guides/usecases/introduction"},{"title":"Managing multiple delivery providers in one place","description":"Learn to manage many delivery providers across different channels in one dashboard","href":"/guides/usecases/multiple-delivery-providers"},{"title":"Fully featured embedded notification center","href":"/guides/usecases/embedded-notification-center"},{"title":"Digest multiple events in a single notification","description":"Learn to leverage Novu in digesting multiple events.","href":"/guides/usecases/digest-multiple-events"},{"title":"Manage notifications in multiple languages","href":"/guides/usecases/manage-notifications-in-multiple-languages"},{"title":"Processing and sending notifications at any scale","href":"/guides/usecases/send-notifications-at-any-scale"},{"title":"Debug notifications across channels in a single place","href":"/guides/usecases/debug-notifications"},{"title":"Centralized multiple legacy implementations of different teams","href":"/guides/usecases/centralized-multiple-legacy-implementations"}]},{"group":"Demos","pages":[{"title":"Demo apps","href":"/guides/demos/introduction"}]}]},{"tab":"Help Center","pages":[{"title":"Help Center","href":"/help/overview"}]}]},{"anchor":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"anchor":"Discord Support","icon":"discord","href":"https://discord.gg/novu?ref=docs-instant-help"}]},{"version":"v0.20.0","anchors":[{"anchor":"Documentation","icon":"book-open","tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/getting-started/introduction"}]},{"tab":"Framework (Code-First)","pages":[{"title":"Framework (Code-First)","href":"/framework/quickstart"}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/introduction"}]},{"tab":"Guides","groups":[{"group":"Guides","pages":[{"title":"How to Add Digest to In-App Notifications","href":"/guides/add-digest-to-inapp-notifications"},{"title":"How to Add Digest to Email Notifications","href":"/guides/add-digest-to-email-notifications"},{"title":"How to use Headless Notification Center","href":"/guides/headless-notification-center-guide"},{"title":"How to use Novu to send notifications to a Slack channel","href":"/guides/slack-guide"},{"title":"How to use Novu to send notifications to a channel in a Discord server","href":"/guides/discord-guide"},{"title":"How to send web push notifications with FCM and Novu","href":"/guides/novu-fcm-web"},{"title":"How to send PUSH notifications to iOS devices with FCM using Novu","href":"/guides/FCM-iOS-Novu/how-to-send-PUSH-notifications-to-iOS-devices-with-FCM-using-Novu"},{"title":"How to send push notifications to Flutter apps (Android \u0026 iOS) with FCM using Novu","href":"/guides/fcm-flutter-novu/how-to-send-push-notifications-to-flutter-apps-with-fcm-using-Novu"},{"title":"How To Integrate Segment With Novu","href":"/guides/how-to-integrate-segment-with-novu"},{"title":"How to send push notifications in an Android app (react native) with FCM and Novu","href":"/guides/novu-fcm-react-native-android"},{"title":"How to send notifications with Next.js and React email","href":"/guides/framework-guides/framework-react-email"},{"title":"How to send notifications with Nuxt.js and Vuemail","href":"/guides/framework-guides/framework-nuxt-vuemail"},{"title":"How to send notifications with Svelte and Svelte email","href":"/guides/framework-guides/framework-svelte"},{"title":"How to send notifications with Remix and React email","href":"/guides/framework-guides/framework-remix"},{"title":"How to send notifications with Next.js and MJML","href":"/guides/framework-guides/framework-mjml"},{"title":"How to send OTP verification email notifications with React-email","href":"/guides/framework-guides/otp"},{"title":"Empowering Product Teams to Manage Notification Workflows","href":"/guides/framework-guides/product"},{"title":"How to batch product notifications via code","href":"/guides/framework-guides/digest"}]},{"group":"Recipes","pages":[{"title":"Recipes","href":"/guides/cookbook/introduction"}]},{"group":"Usecases","pages":[{"title":"Learn by usecase","href":"/guides/usecases/introduction"},{"title":"Managing multiple delivery providers in one place","description":"Learn to manage many delivery providers across different channels in one dashboard","href":"/guides/usecases/multiple-delivery-providers"},{"title":"Fully featured embedded notification center","href":"/guides/usecases/embedded-notification-center"},{"title":"Digest multiple events in a single notification","description":"Learn to leverage Novu in digesting multiple events.","href":"/guides/usecases/digest-multiple-events"},{"title":"Manage notifications in multiple languages","href":"/guides/usecases/manage-notifications-in-multiple-languages"},{"title":"Processing and sending notifications at any scale","href":"/guides/usecases/send-notifications-at-any-scale"},{"title":"Debug notifications across channels in a single place","href":"/guides/usecases/debug-notifications"},{"title":"Centralized multiple legacy implementations of different teams","href":"/guides/usecases/centralized-multiple-legacy-implementations"}]},{"group":"Demos","pages":[{"title":"Demo apps","href":"/guides/demos/introduction"}]}]},{"tab":"Help Center","pages":[{"title":"Help Center","href":"/help/overview"}]}]},{"anchor":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"anchor":"Discord Support","icon":"discord","href":"https://discord.gg/novu?ref=docs-instant-help"}]},{"version":"v0.19.0","anchors":[{"anchor":"Documentation","icon":"book-open","tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/getting-started/introduction"}]},{"tab":"Framework (Code-First)","pages":[{"title":"Framework (Code-First)","href":"/framework/quickstart"}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/introduction"}]},{"tab":"Guides","groups":[{"group":"Guides","pages":[{"title":"How to Add Digest to In-App Notifications","href":"/guides/add-digest-to-inapp-notifications"},{"title":"How to Add Digest to Email Notifications","href":"/guides/add-digest-to-email-notifications"},{"title":"How to use Headless Notification Center","href":"/guides/headless-notification-center-guide"},{"title":"How to use Novu to send notifications to a Slack channel","href":"/guides/slack-guide"},{"title":"How to use Novu to send notifications to a channel in a Discord server","href":"/guides/discord-guide"},{"title":"How to send web push notifications with FCM and Novu","href":"/guides/novu-fcm-web"},{"title":"How to send PUSH notifications to iOS devices with FCM using Novu","href":"/guides/FCM-iOS-Novu/how-to-send-PUSH-notifications-to-iOS-devices-with-FCM-using-Novu"},{"title":"How to send push notifications to Flutter apps (Android \u0026 iOS) with FCM using Novu","href":"/guides/fcm-flutter-novu/how-to-send-push-notifications-to-flutter-apps-with-fcm-using-Novu"},{"title":"How To Integrate Segment With Novu","href":"/guides/how-to-integrate-segment-with-novu"},{"title":"How to send push notifications in an Android app (react native) with FCM and Novu","href":"/guides/novu-fcm-react-native-android"},{"title":"How to send notifications with Next.js and React email","href":"/guides/framework-guides/framework-react-email"},{"title":"How to send notifications with Nuxt.js and Vuemail","href":"/guides/framework-guides/framework-nuxt-vuemail"},{"title":"How to send notifications with Svelte and Svelte email","href":"/guides/framework-guides/framework-svelte"},{"title":"How to send notifications with Remix and React email","href":"/guides/framework-guides/framework-remix"},{"title":"How to send notifications with Next.js and MJML","href":"/guides/framework-guides/framework-mjml"},{"title":"How to send OTP verification email notifications with React-email","href":"/guides/framework-guides/otp"},{"title":"Empowering Product Teams to Manage Notification Workflows","href":"/guides/framework-guides/product"},{"title":"How to batch product notifications via code","href":"/guides/framework-guides/digest"}]},{"group":"Recipes","pages":[{"title":"Recipes","href":"/guides/cookbook/introduction"}]},{"group":"Usecases","pages":[{"title":"Learn by usecase","href":"/guides/usecases/introduction"},{"title":"Managing multiple delivery providers in one place","description":"Learn to manage many delivery providers across different channels in one dashboard","href":"/guides/usecases/multiple-delivery-providers"},{"title":"Fully featured embedded notification center","href":"/guides/usecases/embedded-notification-center"},{"title":"Digest multiple events in a single notification","description":"Learn to leverage Novu in digesting multiple events.","href":"/guides/usecases/digest-multiple-events"},{"title":"Manage notifications in multiple languages","href":"/guides/usecases/manage-notifications-in-multiple-languages"},{"title":"Processing and sending notifications at any scale","href":"/guides/usecases/send-notifications-at-any-scale"},{"title":"Debug notifications across channels in a single place","href":"/guides/usecases/debug-notifications"},{"title":"Centralized multiple legacy implementations of different teams","href":"/guides/usecases/centralized-multiple-legacy-implementations"}]},{"group":"Demos","pages":[{"title":"Demo apps","href":"/guides/demos/introduction"}]}]},{"tab":"Help Center","pages":[{"title":"Help Center","href":"/help/overview"}]}]},{"anchor":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"anchor":"Discord Support","icon":"discord","href":"https://discord.gg/novu?ref=docs-instant-help"}]},{"version":"v0.18.0","anchors":[{"anchor":"Documentation","icon":"book-open","tabs":[{"tab":"Documentation","pages":[{"title":"Documentation","href":"/getting-started/introduction"}]},{"tab":"Framework (Code-First)","pages":[{"title":"Framework (Code-First)","href":"/framework/quickstart"}]},{"tab":"SDKs","pages":[{"title":"SDKs","href":"/sdks/introduction"}]},{"tab":"Guides","groups":[{"group":"Guides","pages":[{"title":"How to Add Digest to In-App Notifications","href":"/guides/add-digest-to-inapp-notifications"},{"title":"How to Add Digest to Email Notifications","href":"/guides/add-digest-to-email-notifications"},{"title":"How to use Headless Notification Center","href":"/guides/headless-notification-center-guide"},{"title":"How to use Novu to send notifications to a Slack channel","href":"/guides/slack-guide"},{"title":"How to use Novu to send notifications to a channel in a Discord server","href":"/guides/discord-guide"},{"title":"How to send web push notifications with FCM and Novu","href":"/guides/novu-fcm-web"},{"title":"How to send PUSH notifications to iOS devices with FCM using Novu","href":"/guides/FCM-iOS-Novu/how-to-send-PUSH-notifications-to-iOS-devices-with-FCM-using-Novu"},{"title":"How to send push notifications to Flutter apps (Android \u0026 iOS) with FCM using Novu","href":"/guides/fcm-flutter-novu/how-to-send-push-notifications-to-flutter-apps-with-fcm-using-Novu"},{"title":"How To Integrate Segment With Novu","href":"/guides/how-to-integrate-segment-with-novu"},{"title":"How to send push notifications in an Android app (react native) with FCM and Novu","href":"/guides/novu-fcm-react-native-android"},{"title":"How to send notifications with Next.js and React email","href":"/guides/framework-guides/framework-react-email"},{"title":"How to send notifications with Nuxt.js and Vuemail","href":"/guides/framework-guides/framework-nuxt-vuemail"},{"title":"How to send notifications with Svelte and Svelte email","href":"/guides/framework-guides/framework-svelte"},{"title":"How to send notifications with Remix and React email","href":"/guides/framework-guides/framework-remix"},{"title":"How to send notifications with Next.js and MJML","href":"/guides/framework-guides/framework-mjml"},{"title":"How to send OTP verification email notifications with React-email","href":"/guides/framework-guides/otp"},{"title":"Empowering Product Teams to Manage Notification Workflows","href":"/guides/framework-guides/product"},{"title":"How to batch product notifications via code","href":"/guides/framework-guides/digest"}]},{"group":"Recipes","pages":[{"title":"Recipes","href":"/guides/cookbook/introduction"}]},{"group":"Usecases","pages":[{"title":"Learn by usecase","href":"/guides/usecases/introduction"},{"title":"Managing multiple delivery providers in one place","description":"Learn to manage many delivery providers across different channels in one dashboard","href":"/guides/usecases/multiple-delivery-providers"},{"title":"Fully featured embedded notification center","href":"/guides/usecases/embedded-notification-center"},{"title":"Digest multiple events in a single notification","description":"Learn to leverage Novu in digesting multiple events.","href":"/guides/usecases/digest-multiple-events"},{"title":"Manage notifications in multiple languages","href":"/guides/usecases/manage-notifications-in-multiple-languages"},{"title":"Processing and sending notifications at any scale","href":"/guides/usecases/send-notifications-at-any-scale"},{"title":"Debug notifications across channels in a single place","href":"/guides/usecases/debug-notifications"},{"title":"Centralized multiple legacy implementations of different teams","href":"/guides/usecases/centralized-multiple-legacy-implementations"}]},{"group":"Demos","pages":[{"title":"Demo apps","href":"/guides/demos/introduction"}]}]},{"tab":"Help Center","pages":[{"title":"Help Center","href":"/help/overview"}]}]},{"anchor":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"anchor":"Discord Support","icon":"discord","href":"https://discord.gg/novu?ref=docs-instant-help"}]}]},"title":"Fully featured embedded notification center - Novu","buildId":"dpl_2xiSHD9XEvLsPGPcfoMtkLTB3dy9","deploymentId":"dpl_2xiSHD9XEvLsPGPcfoMtkLTB3dy9","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-DYplxqhs.js","DynamicMarkdown-Cc6AuSHS.js","zoom-image-lightbox-BNnMwe0F.js","lightbox-handle-r17bVUz3.js"]}