Head.js Example | Next.js App Directory

acme.com

children

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.

App Directory (WIP)