unjs/unhead

Снять голову

Унхед — руководитель документов и менеджер шаблонов, улучшающий реактивный опыт разработчиков JavaScript фреймворков SSR, SEO и производительность. См. полное введение к Unhead.

Это стало возможным благодаря моей программе спонсоров. Следите 💖 за мной @harlan_zw 🐦 • Присоединяйтесь к Discord для получения помощи

Unhead v3 вышел 🎉

32% быстрее, 11% меньше, потоковый SSR и единый плагин Vite с DevTools. См. заметки к релизу v3.

Основные моменты

• 🌊 Потоковое SSR: головные теги отправляются в DOM по мере разрешения границ напряжения
• 🛠️ Unified Vite plugin + DevTools: встряхивание деревьев, валидация, трассировка исходного кода
• ✨ useHead(): Удаление, сортировка, слияние тегов и сужение типов
• 🍣 useSeoMeta(): Плоские мета-теги SEO с преобразованием во время компиляции
• 🧩 useScript(): мощный и производительный API для загрузки скриптов
• 🚀 Крошечный (4,4 кб ггц), встряхиваемый деревом, Capo.js сортировка тегов
• 🤝 Vue, React, Solid, Svelte, Angular. Используется Nuxt

Начните

Установите зависимость unhead в ваш проект:

[! СОВЕТ] Сгенерировать навык агента для этого пакета с помощью skilld:

Посетите сайт документации, чтобы найти руководства и ссылки на API.

Спонсоры

Лицензия

Лицензия © MIT 2022–настоящее время Харлан Уилтон

unhead

Unhead is a document head and template manager, improving reactive SSR JavaScript framework developer experience, SEO and performance. See the full introduction to Unhead.

Unhead v3 is out 🎉

32% faster, 11% smaller, streaming SSR, and a unified Vite plugin with DevTools. See the v3 release notes.

Highlights

• 🌊 Streaming SSR: head tags push to the DOM as suspense boundaries resolve
• 🛠️ Unified Vite plugin + DevTools: tree-shaking, validation, source tracing
• ✨ useHead(): Deduping, sorting, tag merging, and type narrowing
• 🍣 useSeoMeta(): Flat SEO meta tags with compile-time transform
• 🧩 useScript(): Powerful and performant script loading API
• 🚀 Tiny (4.4kb gz), tree-shaken, Capo.js tag sorting
• 🤝 Vue, React, Solid, Svelte, Angular. Used by Nuxt

Get Started

Install unhead dependency to your project:

npm install unhead

[!TIP] Generate an Agent Skill for this package using skilld:

npx skilld add unhead

Visit the documentation site for guides and API references.

Sponsors

License

MIT License © 2022-PRESENT Harlan Wilton