Nuxt integration

With our Nuxt dashboard, you can easily track your application error rate, initial page load average, route changes, throughput, and page views with JavaScript errors. Built with our infrastructure agent and our Vue , the Nuxt dashboard lets you view critical information all in one place.

After setting up our Nuxt integration, we give you a dashboard for your Nuxt web app metrics.

Install

Optional: Install the infrastructure agent

Installing the infrastructure agent is optional, but doing this will get you important metrics about the host where your app is running.

To do this, follow the infrastructure agent install steps.

Install Nuxt browser monitoring

From one.newrelic.com, go to the + Integrations & Agents page.
Search for Nuxt. (Note: The Nuxt tile is not in the browser or mobile collection, so you'll need to use the search function.)
Click on the Nuxt tile when it appears in the search results and follow the instructions to generate the JavaScript code snippet.

Configure the integration

To add the JavaScript snippet in the Nuxt application:

Create a JavaScript file in the public folder of your Nuxt application:
bash
```
$touch public/<FILENAME>.js
```
Copy-paste the browser agent snippet into the new JavaScript file without the <script> tags (just the snippet itself, there's no function to define):
```
// PASTE THE GENERATED BROWSER AGENT SNIPPET HERE WITHOUT <script> TAGS
```

Open your nuxt.config.js (or nuxt.config.ts) file and add the script to the app.head section:

export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
  devtools: { enabled: true },
  app: {
    head: {
      script: [
        {
          src: "/<FILENAME>.js"
        },
      ],
    },
  },
})

Restart your application.
In a couple of minutes, your application will send metrics to one.newrelic.com.

Monitor your application

Now, you should be able to see your application on one.newrelic.com by selecting Browser from the navigation bar. Choose your application to see all the metrics which are captured on the one.newrelic.com platform. You can also view the data with NRQL using the following query:

SELECT firstPaint
FROM PageView

What's next?

To learn more about building NRQL queries and generating dashboards, check out these docs: