Configuring the Head Tag

Configured <head> tags
  "title": "",
  "description": "",
  "viewport": "",
  "favicon": ""
  • Use `head.js` to configure the <head> tag of a route segment.
  • You can fetch data inside `head.js` to create dynamic titles and meta tags.
  • Next will dedupe requests for the same data across `layout.js`, `page.js` and `head.js` when rendering a route.
  • Next will wait for any data fetching inside `head.js` to complete before streaming any UI to the client. This guarantuees the first part of a streamed response includes head tags.