Function applyHeadToDocument

Head/meta management API for React pages, re-exported from the agnostic @stone-js/use-view layer so users import everything from @stone-js/use-react.

import { createHead } from '@stone-js/use-react'

class BlogPost implements IPage<ReactIncomingEvent> {
  head ({ data }) {
    return createHead()
      .title(data.post.title)
      .titleTemplate('%s — Stone.js')
      .description(data.post.excerpt)
      .canonical(`https://stonejs.dev/blog/${data.post.slug}`)
      .og({ type: 'article', image: data.post.cover, siteName: 'Stone.js' })
      .twitter({ card: 'summary_large_image', site: '@stonejs' })
      .jsonLd({ '@context': 'https://schema.org', '@type': 'Article', headline: data.post.title })
      .toContext()
  }
  render ({ data }) { return <article>{data.post.body}</article> }
}
Copy