N
Novuā€¢3w ago
Devesh Verma

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.
No description
No description
26 Replies
Devesh Verma
Devesh VermaOPā€¢3w ago
Execution is marked as success.
No description
Devesh Verma
Devesh VermaOPā€¢3w ago
@Support @DevRel @Community Support
Pawan Jain
Pawan Jainā€¢3w ago
Devesh, did you try loading nextjs app with Inbox? Do you see any notifications there?
Devesh Verma
Devesh VermaOPā€¢3w 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
Pawan Jainā€¢3w 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 Verma
Devesh VermaOPā€¢3w ago
Yeah, thats same. Still no notifications. Also, if you check novu dashboard screenshot, in-app is not showing as active.
Pawan Jain
Pawan Jainā€¢3w ago
Please check the console and network tab for any error
Devesh Verma
Devesh VermaOPā€¢3w ago
in studio?
Pawan Jain
Pawan Jainā€¢3w ago
If you are not receiving the notification from studio, can you sync the workflows and then trigger that workflow from dashboard instead?
Devesh Verma
Devesh VermaOPā€¢3w 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 Verma
Devesh VermaOPā€¢3w ago
Getting this error while tring to manually sync
No description
Devesh Verma
Devesh VermaOPā€¢3w ago
Tried triggering from dashboard, again got success message but cannot see the notification.
Novu_Bot
Novu_Botā€¢3w ago
@Devesh Verma, you just advanced to level 3!
Devesh Verma
Devesh VermaOPā€¢3w ago
Possbile to get on call and help us out here.
Pawan Jain
Pawan Jainā€¢3w ago
Can you stop the server and use npx novu@latest dev command again?
Devesh Verma
Devesh VermaOPā€¢3w ago
yeah, did that so the studio error of manul sync was rectified
Pawan Jain
Pawan Jainā€¢3w ago
Just want to make sure you are using correct application identifier.

application identifier should be copied from API keys page
Devesh Verma
Devesh VermaOPā€¢3w ago
Yes thats correct
Pawan Jain
Pawan Jainā€¢3w ago
and subscriberId for your case should be 665ef21e78d00fc5e3f370cc You have turned on hmac encryption in integration settings
Pawan Jain
Pawan Jainā€¢3w ago
Can you please turn off this option?
No description
Devesh Verma
Devesh VermaOPā€¢3w ago
Where can I check hmac settings?
Pawan Jain
Pawan Jainā€¢3w ago
This can be found here
No description
Pawan Jain
Pawan Jainā€¢3w ago
There are few extra steps needed to use this option
https://docs.novu.co/inbox/react/production
Devesh Verma
Devesh VermaOPā€¢3w ago
Turning off this option worked. Now, I can see all the previous notificaions šŸŽ‰
Pawan Jain
Pawan Jainā€¢3w ago
Perfect šŸ‘Œ
Devesh Verma
Devesh VermaOPā€¢3w ago
Thanks a lot man

Did you find this page helpful?