Head Metadata

Learn how to add metadata to the head section of our applications pages.

We'll cover the following

With a regular HTML document, we can add metadata and information about our app in the <head> section. In addition, we can also add scripts or styles to include on the page. By default, Nuxt provides some defaults which we can override if we want:

  • charset: utf-8

  • viewport: width=device-width, initial-scale=1

Adding the <head> element globally

With Nuxt, we can add data to the <head> globally in the nuxt.config.ts:

Get hands-on with 1400+ tech skills courses.