+
+
+
+
+
+
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/index.vue b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/index.vue
new file mode 100644
index 000000000000..57a583eb43b1
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/index.vue
@@ -0,0 +1,20 @@
+
+ Client Side Only Page
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/isr-1h-cached-page.vue b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/isr-1h-cached-page.vue new file mode 100644 index 000000000000..e702eca86715 --- /dev/null +++ b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/isr-1h-cached-page.vue @@ -0,0 +1 @@ +ISR 1h Cached Page
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/isr-cached-page.vue b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/isr-cached-page.vue new file mode 100644 index 000000000000..780adc07de53 --- /dev/null +++ b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/isr-cached-page.vue @@ -0,0 +1 @@ +ISR Cached Page
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/pre-rendered-page.vue b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/pre-rendered-page.vue new file mode 100644 index 000000000000..25b423a4c442 --- /dev/null +++ b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/pre-rendered-page.vue @@ -0,0 +1 @@ +Pre-Rendered Page
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/swr-1h-cached-page.vue b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/swr-1h-cached-page.vue new file mode 100644 index 000000000000..24918924f4a9 --- /dev/null +++ b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/swr-1h-cached-page.vue @@ -0,0 +1 @@ +SWR 1h Cached Page
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/swr-cached-page.vue b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/swr-cached-page.vue new file mode 100644 index 000000000000..d0d8e7241968 --- /dev/null +++ b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/rendering-modes/swr-cached-page.vue @@ -0,0 +1 @@ +SWR Cached Page
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/test-param/[param].vue b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/test-param/[param].vue new file mode 100644 index 000000000000..019404aaf460 --- /dev/null +++ b/dev-packages/e2e-tests/test-applications/nuxt-5/app/pages/test-param/[param].vue @@ -0,0 +1,22 @@ + + + +Param: {{ $route.params.param }}
+ +
+
+
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/modules/another-module.ts b/dev-packages/e2e-tests/test-applications/nuxt-5/modules/another-module.ts
new file mode 100644
index 000000000000..9c1a3ca80487
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/modules/another-module.ts
@@ -0,0 +1,9 @@
+import { defineNuxtModule } from 'nuxt/kit';
+
+// Just a fake module to check if the SDK works alongside other local Nuxt modules without breaking the build
+export default defineNuxtModule({
+ meta: { name: 'another-module' },
+ setup() {
+ console.log('another-module setup called');
+ },
+});
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/nuxt-start-dev-server.bash b/dev-packages/e2e-tests/test-applications/nuxt-5/nuxt-start-dev-server.bash
new file mode 100644
index 000000000000..a1831f1e8e76
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/nuxt-start-dev-server.bash
@@ -0,0 +1,46 @@
+#!/bin/bash
+# To enable Sentry in Nuxt dev, it needs the sentry.server.config.mjs file from the .nuxt folder.
+# First, we need to start 'nuxt dev' to generate the file, and then start 'nuxt dev' again with the NODE_OPTIONS to have Sentry enabled.
+
+# Using a different port to avoid playwright already starting with the tests for port 3030
+TEMP_PORT=3035
+
+# 1. Start dev in background - this generates .nuxt folder
+pnpm dev -p $TEMP_PORT &
+DEV_PID=$!
+
+# 2. Wait for the sentry.server.config.mjs file to appear
+echo "Waiting for .nuxt/dev/sentry.server.config.mjs file..."
+COUNTER=0
+while [ ! -f ".nuxt/dev/sentry.server.config.mjs" ] && [ $COUNTER -lt 30 ]; do
+ sleep 1
+ ((COUNTER++))
+done
+
+if [ ! -f ".nuxt/dev/sentry.server.config.mjs" ]; then
+ echo "ERROR: .nuxt/dev/sentry.server.config.mjs file never appeared!"
+ echo "This usually means the Nuxt dev server failed to start or generate the file. Try to rerun the test."
+ pkill -P $DEV_PID || kill $DEV_PID
+ exit 1
+fi
+
+# 3. Cleanup
+echo "Found .nuxt/dev/sentry.server.config.mjs, stopping 'nuxt dev' process..."
+pkill -P $DEV_PID || kill $DEV_PID
+
+# Wait for port to be released
+echo "Waiting for port $TEMP_PORT to be released..."
+COUNTER=0
+# Check if port is still in use
+while lsof -i :$TEMP_PORT > /dev/null 2>&1 && [ $COUNTER -lt 10 ]; do
+ sleep 1
+ ((COUNTER++))
+done
+
+if lsof -i :$TEMP_PORT > /dev/null 2>&1; then
+ echo "WARNING: Port $TEMP_PORT still in use after 10 seconds, proceeding anyway..."
+else
+ echo "Port $TEMP_PORT released successfully"
+fi
+
+echo "Nuxt dev server can now be started with '--import ./.nuxt/dev/sentry.server.config.mjs'"
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/nuxt.config.ts b/dev-packages/e2e-tests/test-applications/nuxt-5/nuxt.config.ts
new file mode 100644
index 000000000000..bdef334cfa88
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/nuxt.config.ts
@@ -0,0 +1,47 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+ compatibilityDate: '2025-07-15',
+ imports: { autoImport: false },
+
+ routeRules: {
+ '/rendering-modes/client-side-only-page': { ssr: false },
+ '/rendering-modes/isr-cached-page': { isr: true },
+ '/rendering-modes/isr-1h-cached-page': { isr: 3600 },
+ '/rendering-modes/swr-cached-page': { swr: true },
+ '/rendering-modes/swr-1h-cached-page': { swr: 3600 },
+ '/rendering-modes/pre-rendered-page': { prerender: true },
+ },
+
+ modules: ['@pinia/nuxt', '@sentry/nuxt/module'],
+ runtimeConfig: {
+ public: {
+ sentry: {
+ dsn: 'https://public@dsn.ingest.sentry.io/1337',
+ },
+ },
+ },
+ nitro: {
+ experimental: {
+ database: true,
+ },
+ database: {
+ default: {
+ connector: 'sqlite',
+ options: { name: 'db' },
+ },
+ users: {
+ connector: 'sqlite',
+ options: { name: 'users_db' },
+ },
+ analytics: {
+ connector: 'sqlite',
+ options: { name: 'analytics_db' },
+ },
+ },
+ storage: {
+ 'test-storage': {
+ driver: 'memory',
+ },
+ },
+ },
+});
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/package.json b/dev-packages/e2e-tests/test-applications/nuxt-5/package.json
new file mode 100644
index 000000000000..ad5b209a6b22
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "nuxt-5",
+ "private": true,
+ "type": "module",
+ "scripts": {
+ "build": "nuxt build",
+ "dev": "nuxt dev",
+ "generate": "nuxt generate",
+ "preview": "nuxt preview",
+ "start": "node .output/server/index.mjs",
+ "start:import": "node --import ./.output/server/sentry.server.config.mjs .output/server/index.mjs",
+ "clean": "npx nuxi cleanup",
+ "test": "playwright test",
+ "test:prod": "TEST_ENV=production playwright test",
+ "test:dev": "bash ./nuxt-start-dev-server.bash && TEST_ENV=development playwright test environment",
+ "test:build": "pnpm install && pnpm build",
+ "test:build-canary": "pnpm add nuxt@npm:nuxt-nightly@latest && pnpm add nitro@npm:nitro-nightly@latest && pnpm install --force && pnpm build",
+ "test:assert": "pnpm test:prod && pnpm test:dev"
+ },
+ "//": [
+ "Currently, we need to install the latest version of Nitro and the Nuxt nightlies as those contain Nuxt v5",
+ "TODO: remove nitro from dependencies"
+ ],
+ "dependencies": {
+ "@pinia/nuxt": "^0.11.3",
+ "@sentry/nuxt": "latest || *",
+ "nitro": "latest",
+ "nuxt": "npm:nuxt-nightly@5x"
+ },
+ "devDependencies": {
+ "@playwright/test": "~1.56.0",
+ "@sentry-internal/test-utils": "link:../../../test-utils"
+ },
+ "volta": {
+ "extends": "../../package.json",
+ "node": "22.20.0"
+ }
+}
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/playwright.config.ts b/dev-packages/e2e-tests/test-applications/nuxt-5/playwright.config.ts
new file mode 100644
index 000000000000..b86690ca086c
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/playwright.config.ts
@@ -0,0 +1,25 @@
+import { getPlaywrightConfig } from '@sentry-internal/test-utils';
+
+const testEnv = process.env.TEST_ENV;
+
+if (!testEnv) {
+ throw new Error('No test env defined');
+}
+
+const getStartCommand = () => {
+ if (testEnv === 'development') {
+ return "NODE_OPTIONS='--import ./.nuxt/dev/sentry.server.config.mjs' nuxt dev -p 3030";
+ }
+
+ if (testEnv === 'production') {
+ return 'pnpm start:import';
+ }
+
+ throw new Error(`Unknown test env: ${testEnv}`);
+};
+
+const config = getPlaywrightConfig({
+ startCommand: getStartCommand(),
+});
+
+export default config;
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/public/favicon.ico b/dev-packages/e2e-tests/test-applications/nuxt-5/public/favicon.ico
new file mode 100644
index 000000000000..18993ad91cfd
Binary files /dev/null and b/dev-packages/e2e-tests/test-applications/nuxt-5/public/favicon.ico differ
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/sentry.client.config.ts b/dev-packages/e2e-tests/test-applications/nuxt-5/sentry.client.config.ts
new file mode 100644
index 000000000000..900df0811faa
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/sentry.client.config.ts
@@ -0,0 +1,23 @@
+import * as Sentry from '@sentry/nuxt';
+import { /* usePinia,*/ useRuntimeConfig } from '#imports';
+
+Sentry.init({
+ dsn: useRuntimeConfig().public.sentry.dsn,
+ tunnel: `http://localhost:3031/`, // proxy server
+ tracesSampleRate: 1.0,
+ integrations: [
+ /* Sentry.piniaIntegration(usePinia(), {
+ actionTransformer: action => `${action}.transformed`,
+ stateTransformer: state => ({
+ transformed: true,
+ ...state,
+ }),
+ }),
+ */
+ Sentry.vueIntegration({
+ tracingOptions: {
+ trackComponents: true,
+ },
+ }),
+ ],
+});
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/sentry.server.config.ts b/dev-packages/e2e-tests/test-applications/nuxt-5/sentry.server.config.ts
new file mode 100644
index 000000000000..26519911072b
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/sentry.server.config.ts
@@ -0,0 +1,7 @@
+import * as Sentry from '@sentry/nuxt';
+
+Sentry.init({
+ dsn: 'https://public@dsn.ingest.sentry.io/1337',
+ tracesSampleRate: 1.0, // Capture 100% of the transactions
+ tunnel: 'http://localhost:3031/', // proxy server
+});
diff --git a/dev-packages/e2e-tests/test-applications/nuxt-5/server/api/cache-test.ts b/dev-packages/e2e-tests/test-applications/nuxt-5/server/api/cache-test.ts
new file mode 100644
index 000000000000..1f537ec4fee7
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/nuxt-5/server/api/cache-test.ts
@@ -0,0 +1,86 @@
+import { defineHandler } from 'nitro';
+import { getQuery } from 'nitro/h3';
+import { defineCachedFunction, defineCachedHandler } from 'nitro/cache';
+
+// Test cachedFunction
+const getCachedUser = defineCachedFunction(
+ async (userId: string) => {
+ return {
+ id: userId,
+ name: `User ${userId}`,
+ email: `user${userId}@example.com`,
+ timestamp: Date.now(),
+ };
+ },
+ {
+ maxAge: 60,
+ name: 'getCachedUser',
+ getKey: (userId: string) => `user:${userId}`,
+ },
+);
+
+// Test cachedFunction with different options
+const getCachedData = defineCachedFunction(
+ async (key: string) => {
+ return {
+ key,
+ value: `cached-value-${key}`,
+ timestamp: Date.now(),
+ };
+ },
+ {
+ maxAge: 120,
+ name: 'getCachedData',
+ getKey: (key: string) => `data:${key}`,
+ },
+);
+
+// Test defineCachedEventHandler
+const cachedHandler = defineCachedHandler(
+ async event => {
+ return {
+ message: 'This response is cached',
+ timestamp: Date.now(),
+ path: event.path,
+ };
+ },
+ {
+ maxAge: 60,
+ name: 'cachedHandler',
+ },
+);
+
+export default defineHandler(async event => {
+ const results: RecordUser ID: {{ data }}
+
+
+ 
+
+