Novu•2y ago

Nuxt integration with error 500 - self hosted

Hi guys,

I have an issue, when i try to use novu in Nuxt 3 i have an error 500 (you can see error on screenshot). I put ids in correct places. I include backend and socket Urls in propses.

Ask Inkeep•6/5/24, 8:30 PM

Hi @AzotoN1, I'm an AI assistant for Novu. While a team member reviews this question, I'll see if I can find relevant sources for your question.

Ask Inkeep•6/5/24, 8:30 PM

-----------------------------
While I generate an answer, here are some sources that might be helpful:

Ask Inkeep•6/5/24, 8:30 PM

Answer

Hello,

It seems like you are encountering an internal server error when integrating Novu with Nuxt 3. While the specific Nuxt 3 scenario isn't directly addressed in our documentation, you should first ensure that all configurations on both the backend URL and the socket URL are correctly set up.

Make sure the environment variables and any related configuration settings in your

.env

.env

file or within your application are correct. This includes ensuring the API_ROOT_URLAPI_ROOT_URL, REACT_APP_WS_URLREACT_APP_WS_URL, and other related settings are properly aligned with your deployment.

Similarly, check that your server can handle requests properly and that there are no server-side errors leading to the 500 error. It’s also helpful to look at the server logs to identify any specific issues or exceptions that are thrown, which can provide more insight into what might be causing the error.

If the issue persists, you might need to review the network requests using developer tools in your browser to ensure that the requests are correctly formed and are reaching the server without issues.

For a deeper dive into a related setup, you can refer to our React integration documentation which might offer insights that are applicable to your Nuxt setup as well (1) .

: [React Get The user might be having an issue with their self-hosted Novu environment that produces an HTTP 500 error, which typically indicates a server-side error. This could be due to a misconfiguration in their Novu setup, an issue with their database connection, or an unhandled exception in their Novu server code.

Sources
[1] React Get Started

AAsk Inkeep ### Answer Hello, It seems like you are encountering an internal server error w...

Ask InkeepAPP•6/5/24, 8:33 PM

Got it. Tagging @Support for additional help.

AzotoN1OP•6/5/24, 8:33 PM

mdd•6/5/24, 10:23 PM

@AzotoN1

I don't use Vue or Nuxt but I was able to integrate notification center in my example: https://stackblitz.com/edit/nuxt-starter-xqpfkd
Make sure that all notification center related stuff is executed on client-side (declare client-side plugin and wrap notification-center in client-side component)

Let me know if it works

StackBlitzMichal Dziuba

Novu with Nuxt.js - StackBlitz

Create a new Nuxt project, module, layer or start from a theme with our collection of starters.