← All platforms

Nuxt error tracking

Your Vue app has a server side, too. The Sentry Nuxt SDK brings errors from both sides to your Telebugs server.

~/hoofnotes  npm install @sentry/nuxt
~/hoofnotes  nvim nuxt.config.ts sentry.client.config.ts sentry.server.config.ts
export default defineNuxtConfig({
// Add this module alongside your existing modules.
modules: ["@sentry/nuxt/module"],
});
import * as Sentry from "@sentry/nuxt";
Sentry.init({
// Copy the complete Telebugs DSN, key and path included.
dsn: "YOUR_TELEBUGS_DSN",
});
// Remove this test once it appears in Telebugs.
Sentry.captureException(new Error("Hoof Notes: browser check"));
import * as Sentry from "@sentry/nuxt";
Sentry.init({
// Copy the complete Telebugs DSN, key and path included.
dsn: "YOUR_TELEBUGS_DSN",
});
// Remove this test once it appears in Telebugs.
Sentry.captureException(new Error("Hoof Notes: server check"));
~/hoofnotes  npm run build
~/hoofnotes  node --import ./.output/server/sentry.server.config.mjs .output/server/index.mjs

Hang on, I already use Sentry

Keep @sentry/nuxt. Point it at your Telebugs DSN and keep reporting errors as before. The reports go to your server; you don’t need a Sentry account.

Server rendering and browser errors?

Both. The Nuxt SDK has a server side and a browser side. Connect each to Telebugs so you can investigate errors from either without switching error trackers.

Can I get back to my Vue code?

Yes. Give Telebugs the matching source maps and it can show your original Vue and TypeScript code, with filenames and line numbers, instead of a minified backtrace.

What if I only use Vue?

We support Vue on its own, too. Nuxt’s integration adds the server-side reporting your full-stack app needs.