Deploy In-App notification system NextJS & Appwrite

Yes, but I recommend handling that with a funcion anyways

do u know a tutorial or an example for that with appwrite ? Because ive no idea how to make communicate firebase and appwrite especially to target specific user for specific notification

Here you have an example: https://github.com/open-runtimes/examples/tree/main/dart/send_push_notification Just send a request to firebase to send the notification. No needed integrating anything with Appwrite

But if for example in the user setting there a notification panel where user can disable in-app notification, we have to make communicate user pref (in appwrite) with firebase right ?

You can ommit fcm tokens

@Guille im trying novu with nextjs and novu in cloud, but I got this error in console in my NextJS app :

My novu.tsx look like :

import { NovuProvider, PopoverNotificationCenter, NotificationBell } from "@novu/notification-center"

export default function Novu( { userId } : { userId: string }) {
    console.log(userId)
    return (
        <NovuProvider subscriberId={userId} applicationIdentifier={'on-boarding-notification'}>
            <PopoverNotificationCenter colorScheme={'dark'}>
                {({ unseenCount }) => <NotificationBell unseenCount={unseenCount} />}
            </PopoverNotificationCenter>
        </NovuProvider>
    )
}

that weird everything look correct

did you set API key?

mhh my mistake is because I have to push to production (in Novu). And in NextJS i dont need API KEY right ?

because im gonna trigger notification from appwrite function

If you are using cloud, you should set your api key

its working without :/

api key is only for the trigger right ?

I'm not sure, but if it's working you shouldn't be worried

btw how do u add novu inside Appwrite function (NodeJS) ? just with that ?

import { Novu } from '@novu/node'; 
const novu = new Novu(req.variables['APPWRITE_FUNCTION_NOVU_API_KEY']);

well i guess not

ive try require but not working too

well I guess we have to install @novu/node inside Appwrite instance

Im dumb just have to add inside package.son (from the appwrite function) : "@novu/node": "^0.17.1"

Yes, you have to add your dependencies in your clud function

that work so well

now I have to understand how make a custom notification center

Do u know if there is a way to translate notification ? The only way for me is to give inside payload the entire text directly and have no text directly in novu workflows

What I have read, there is not way to translate notifications currently, but there is already in the roadmap