[JavaScript] Nuxt

[shellmayr]

[shellmayr]

• Created sample project
• Added sentry to the project: was a bit cumbersome, because I needed to add two configuration files for sentry to work, one for client and one for server.
• Code snippet reliably produced an error and sent it to sentry
• Onboarding forces me to go to docs to setup source maps - can we not do it directly using the wizard?
• Tried using the AI solution, and got the following very obscure error message - not sure if my plan does not support it, something technical went wrong, or if I can at all do something about this?! The API response says 403 / organization_consent_required, but the UI doesn't tell me anything about that Image

[smeubank]

@shellmayr fyi i've done some testing with nuxt and vue

https://www.notion.so/sentry/Nuxt-Feedback-4b21005e74b04188a8f93d2ff9ee73f3

https://www.notion.so/sentry/Vue-Vite-Pinia-1158b10e4b5d806fb7dbd65e7268a248

[dudeek]

@smeubank can you check your notion links? If you still have these files could you share them one more time? :)

[smeubank]

@smeubank can you check your notion links? If you still have these files could you share them one more time? :)

@dudeek they are on our internal notion, sorry they are not publicly available. But don't worry it is mainly a ton of non-sense screenshots and me complaining

[priscilawebdev]

• Created a new Nuxt project by running npm create nuxt@latest.
• Encountered a TypeError in the console: "TypeError: Cannot create property 'lastUpdateCheck' on string 'lastUpdateCheck 1727707120738 nodeLinker node-modules ces'", but decided to proceed and run the project anyway.
• Opened the Nuxt project folder and ran the Sentry wizard for my org and project: npx @sentry/wizard@latest -i nuxt --saas --org sentry-pri-nuxt --project javascript-nuxt.
• Received the message: "Do you want to add an override for @vercel/nft version ^0.27.4?". I am not familiar with @vercel/nft, and appreciated the link provided for further reading: [Nuxt] Investigate issue with server-side not building correctly (import and import() are added) sentry-javascript#14514. Decided to proceed.
• "Do you want to enable Sentry Session Replay to get a video-like reproduction of errors during a user session?" Shouldn't we just refer to it as 'Session Replay', as we only say 'Tracing' and not 'Sentry Tracing'?
• "Do you want to create an example component to test your Sentry setup?" Didn't we previously display a Sentry example error page? In the onboarding, I can read: "Build and run your application and visit /sentry-example-page if you have set it up."
• As someone not familiar with Next, I had to look up how to render the button in my application. This is why I prefer the example error page, as it’s easier to just update the URL and see the button I need.
• The button rendered, I clicked it, and I saw an error appear in Sentry! ⭐️
• In the onboarding, I see: "If you see an issue in your Sentry dashboard, you have successfully set up Sentry." Since users already see the "error received" message and the "take me to my error" button, we could consider removing this additional message.
• Switching to manual configuration: I prefer when the product selection and the corresponding Sentry config snippet are displayed at the top, so I can easily see what I am getting and copy the relevant code. The documentation is usually quite long. We already do that for a few platforms, like 'Android'
• I haven't set up sourcemaps yet and noticed the "Unminify Code" task in the quick start guide. However, when I check my Nuxt issue, even with a bad stack trace, I don't see the "Unminify Code" button. Shouldn't this button appear?
• Also noticed that my issue has 'production' as environment, although I was in a dev environment