Schema guides Platform
How to add schema to Nuxt
Category: framework
Plugins and apps
- nuxt-schema-org
- useHead script children
Manual implementation
`useHead({ script: [{ type: "application/ld+json", children: JSON.stringify(graph) }] })` in setup with route data.
Troubleshooting
- SSR off in dev but on in prod
Test production build; schema must exist in SSR HTML when SSR enabled. - i18n routes
Stable `@id` per locale URL; translate visible strings only.
Overview
Nuxt 3's useHead makes JSON-LD a first-class concern. Pull graph fields from asyncData / useAsyncData so the server render matches what the client hydrates.
Community schema-org modules help but always validate output HTML.