Render

renderSSRHead

Render Unhead to a string that be can be server side rendered.

Type:

function renderSSRHead<T extends {}>(head: Unhead<T>): Promise<SSRHeadPayload>
export interface SSRHeadPayload {
  headTags: string
  bodyTags: string
  bodyTagsOpen: string
  htmlAttrs: string
  bodyAttrs: string
}

Render Unhead to a string that can be server side rendered.

This is useful for when you want to render the tags to a string that can be used in SSR.

Example

import { renderSSRHead } from '@unhead/ssr'
import { createHead } from 'unhead'

const head = createHead()

head.push({ title: 'Hello World ' })

// requires top-level await
const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head)

return `
<!DOCTYPE html>
<html ${htmlAttrs}>
  <head>
    ${headTags}
  </head>
  <body ${bodyAttrs}>
    ${bodyTagsOpen}
    <div id="app"></div>
    ${bodyTags}
  </body>
</html>
`