$ cnpm install unhead
Full-stack
<head>manager built for any framework
# npm
npm install unhead
# yarn
yarn add unhead
# pnpm
pnpm add unhead
import { createHead, useHead } from 'unhead'
// Create a head instance
const head = createHead()
// Use head tags
useHead({
title: 'My App',
meta: [
{
name: 'description',
content: 'My awesome application'
}
]
}, { head })
import { createHead } from 'unhead/server'
const head = createHead()
// Add head entries
useHead({
title: 'SSR App',
meta: [{ name: 'description', content: 'Server-rendered app' }]
}, { head })
// Render head tags
const { headTags, bodyTags } = head.render()
import { createHead } from 'unhead/client'
// Create head instance (auto-renders on changes)
const head = createHead()
// Add reactive head entries
useHead({
title: 'Client App'
}, { head })
import { createServerRenderer, createUnhead } from 'unhead/server'
// Create a custom renderer with options
const renderer = createServerRenderer({ omitLineBreaks: true })
// Pass renderer to createUnhead
const head = createUnhead(renderer, { /* options */ })
// Render using head.render()
const html = head.render()
Unhead provides optimized integrations for popular frameworks:
@unhead/vue@unhead/react@unhead/angular@unhead/svelte@unhead/solid-jsVisit the documentation site for comprehensive guides and API references.
Copyright 2013 - present © cnpmjs.org | Home |