Skip to main content
Contact
Nuxt JSON-LD Debugger

Make emitted JSON-LD visible, traceable, and debuggable

See emitted objects, trace relationships, detect duplicates, and validate schema issues as you edit. Nuxt JSON-LD Debugger turns structured data from hidden page output into a live DevTools workflow.
Get DebuggerSee Core Docs
  • Viewer
    Inspect emitted route output and verify exactly which JSON-LD objects are present.
  • Graph
    Trace relationships and references across the final JSON-LD output.
  • Context-Aware Debugging
    Separate current-path, global, and other objects at a glance.
  • Explorer
    Look up schema types and properties while debugging emitted output.
  • Validation
    Surface structural issues in emitted JSON-LD during inspection.
  • Rich Results Preview
    Preview how route output maps to rich-result-relevant output.
  • Live JSON-LD Synchronization
    Keep JSON-LD objects in Viewer, Graph, and diagnostics synchronized with code changes during development.
  • Integrated MCP Server
    Let AI tools inspect graphs, explain objects, check diagnostics and compare routes.
  • TypeScript IntelliSense
    Build schema.org objects with typed properties and editor autocomplete.
Open Core (MIT) Nuxt DevTools Tab TypeScript IntelliSense Live JSON-LD synchronization MCP server included
Built by a Nuxt ecosystem contributor

Nuxt JSON-LD Debugger is built and maintained by Armin Kunkel, listed as a contributor to Nuxt SEO.

When multiple sources emit JSON-LD, the final output gets harder to verify.

Nuxt modules, global defaults, and manual additions can all contribute JSON-LD. The debugger helps you inspect final route output, follow references, and verify object context in one place. Live synchronization keeps the JSON-LD objects aligned with your code changes during development.

Verify final route output
Inspect the emitted JSON-LD for the current route instead of inferring it from source code.
Trace relationships visually
Follow references and object links without manually piecing the output together.
Check object scope quickly
Distinguish current-path, global, and other objects before you chase the wrong problem.
Get DebuggerTalk to us
What the Nuxt DevTools Tab adds to the workflow?
DevTools Tab
  • Viewer — inspect emitted JSON-LD objects per route
  • Graph — trace relationships and references visually
  • Context markers — separate current-path, global, and other objects
  • Explorer — look up schema types and properties while you debug
  • Validation — surface structural issues during inspection
  • Rich Results — preview rich-result-relevant output in the same workflow
  • Live synchronization — updates JSON-LD objects during development
  • MCP — inspect objects, references, diagnostics and more with AI tools
Open Core is free (MIT). Read the docs

See route output and relationships in one debugging workflow

Start with emitted route output in Viewer, move into relationships in Graph, and query the same debugging state through MCP. During development, live JSON-LD synchronization keeps these views aligned with your code changes.

Nuxt JSON-LD Debugger Viewer tab showing synchronized route JSON-LD output.
Viewer

Inspect emitted route output while visible JSON-LD objects stay synchronized with code changes during development.

  • Verify the exact objects emitted for the current route.
  • Inspect raw object details without guessing from source code.
  • Check object scope before debugging deeper.
  • Confirm what is actually present on the page.
Monthly
Yearly 2 months free
Solo
For individual developers debugging JSON-LD across client projects.
$79
 /month
  • Everything in Core
  • Up to 15 projects per year
  • Current path vs Global vs Other objects
  • Viewer Tab
  • Graph Tab
  • Schema Explorer
  • Presets Tab
  • Live JSON-LD in development
  • Integrated MCP server
  • Bug fixes / Updates
Choose Solo

Solo pays for itself if it saves around 2 hours per month.

Pro
Most popular
For teams shipping structured data across multiple projects.
$179
 /month
  • Everything in Solo
  • Up to 30 projects per year
  • Team usage
  • Email support
Choose Pro

Pro pays for itself if it saves around 3 hours per month across all projects.

Agency
For agencies managing structured data at scale.
$397
 /month
  • Everything in Pro
  • Unlimited client projects
  • Priority bug fixes
  • Repeatable structured data QA
  • One debugging workflow
  • Reduce handoff time
Choose Agency

Agency pays for itself if it saves around 4 hours per month across all projects.

Verify emitted JSON-LD faster. Trace relationships sooner. Reduce time spent debugging complex structured data.
Agency workflow

Built for repeatable structured data QA across client projects

Turn recurring JSON-LD investigations into a consistent workflow your team can apply across projects.

Duplicate entities
Unclear object scope
Inconsistent route output
Hard-to-trace references

When a client reports structured data issues, your team should not search through source code, rendered HTML, external validators, and route states separately.

Inspect the emitted graph, trace relationships, check object scope, and hand off findings faster with the same Nuxt DevTools workflow on every client project.

Let AI tools summarize route graphs, compare outputs, and explain diagnostics for faster handoff inside the team.

A few saved debugging hours can cover the Agency plan
Reduce repeated investigation work across client projects and spend more time fixing issues instead of rediscovering them.

Need a closer comparison?

Compare plans

FAQ

Short answers to common questions.

Ready to ship correct structured data with confidence?

Keep emitted JSON-LD synchronized while you code, inspect it visually in Nuxt DevTools, or query it through MCP.
Get DebuggerSee Core Docs