Novu•3mo ago

NextJs | Unable to integrate in-app

I have added the code snippet to nextjs app. But still in-app in not shown as active. Now, when I trigger notification from studio, I do not see any notification.

26 Replies

Devesh VermaOP•3mo ago

Execution is marked as success.

Devesh VermaOP•3mo ago

@Support @DevRel @Community Support

Pawan Jain•3mo ago

Devesh, did you try loading nextjs app with Inbox? Do you see any notifications there?

Devesh VermaOP•3mo ago

I do not see any notifications Also, one more thing subscriberId will have to dynamic right? Will be userId from our db.

Pawan Jain•3mo ago

As of now, you should use the same subscriberId to which workflow is triggered in studio Because notifications are sent to only that subscriber.

Devesh VermaOP•3mo ago

Yeah, thats same. Still no notifications. Also, if you check novu dashboard screenshot, in-app is not showing as active.

Pawan Jain•3mo ago

Please check the console and network tab for any error

Devesh VermaOP•3mo ago

in studio?

Pawan Jain•3mo ago

If you are not receiving the notification from studio, can you sync the workflows and then trigger that workflow from dashboard instead?

Devesh VermaOP•3mo ago

{
    "message": "Unknown BridgeError: {\n  \"code\": \"TunnelNotFound\",\n  \"statusCode\": 404,\n  \"timestamp\": \"2025-02-06T13:34:38.505Z\",\n  \"path\": \"/v1/events/trigger\",\n  \"message\": \"Unable to establish tunnel connection to `https://f3de47ec-16c5-48c9-a356-d2ad0ce9ff1a.novu.sh/api/novu`. Run npx novu@latest dev in Local mode, or ensure your Tunnel app deployment is available.\",\n  \"ctx\": {\n    \"code\": \"TunnelNotFound\"\n  }\n}",
    "data": {
        "stack": "Unknown BridgeError"
    },
    "code": "BridgeError"
}

{
    "message": "Unknown BridgeError: {\n  \"code\": \"TunnelNotFound\",\n  \"statusCode\": 404,\n  \"timestamp\": \"2025-02-06T13:34:38.505Z\",\n  \"path\": \"/v1/events/trigger\",\n  \"message\": \"Unable to establish tunnel connection to `https://f3de47ec-16c5-48c9-a356-d2ad0ce9ff1a.novu.sh/api/novu`. Run npx novu@latest dev in Local mode, or ensure your Tunnel app deployment is available.\",\n  \"ctx\": {\n    \"code\": \"TunnelNotFound\"\n  }\n}",
    "data": {
        "stack": "Unknown BridgeError"
    },
    "code": "BridgeError"
}

Saw this in studio network tab. I have added tunnel to my novu dashboard. Does studio also require tunnel somewhere?

✔ 🛣️  Tunnel    → https://f3de47ec-16c5-48c9-a356-d2ad0ce9ff1a.novu.sh/api/novu
✔ 🖥️  Dashboard → https://dashboard.novu.co
✔ 🎨 Studio    → http://localhost:2022/studio
✔ 🌉 Endpoint  → http://localhost:8080/api/novu

✔ 🛣️  Tunnel    → https://f3de47ec-16c5-48c9-a356-d2ad0ce9ff1a.novu.sh/api/novu
✔ 🖥️  Dashboard → https://dashboard.novu.co
✔ 🎨 Studio    → http://localhost:2022/studio
✔ 🌉 Endpoint  → http://localhost:8080/api/novu

I have added Tunnel value to novu dashboard

Devesh VermaOP•3mo ago

Getting this error while tring to manually sync