Head

Sets title, description, open graph image, url and emoji favicon.

It's recommended to add this to your root layout.

Usage

		<Head
	title="Website Title"
	description="Website Description"
	image="open-graph-image.png"
	url="https://website-url.com"
	emojiFavicon="🦊"
/>

Sets page metadata including title, description, Open Graph tags, and favicon.

Property Type Description

title

string

The page title (sets <title> and og:title). Default: —

description

string

The page description (sets meta description and og:description). Default: —

image

string

The Open Graph image URL. Default: —

url

string

The canonical page URL. Default: —

emojiFavicon

string

An emoji to use as the page favicon (rendered as SVG). Default: —

Property

title

description

image

url

emojiFavicon