Framework

Feedback widget for Nuxt apps

Nuxt renders on the server first, so mount the widget from a client-only plugin using Nuxt's .client.ts naming convention.

Get your API key free

Setup steps

  1. 1

    Install: npm install @upstep/js

  2. 2

    Create plugins/upstep.client.ts, the .client suffix tells Nuxt to only run it in the browser

  3. 3

    Call Upstep.init() inside the plugin

Code

ts
// plugins/upstep.client.ts
import Upstep from "@upstep/js";

export default defineNuxtPlugin(() => {
  Upstep.init({ apiKey: "upstep_xxx" });
});
✦

While you're here: connect an AI agent

Every Upstep project ships a built-in MCP server. Once feedback starts flowing in from Nuxt, Claude Code, Cursor, or any MCP client can list it, triage it, and file Dev-only tasks, without leaving your editor.

See how the MCP server works

Start collecting feedback in Nuxt today

Free plan. No credit card. Your API key is ready the moment you sign up.

Get started free