Next.js Head

Creator

Creator

Seonglae Cho

Created

Created

2020 Aug 31 14:27

Editor

Editor

Seonglae Cho

Edited

Edited

2023 May 5 16:20

Refs

Refs

og tag, Font


import Head from 'next/head';

export default const Font = (family: string) => (
	<Head>
		<link
			href={`https://fonts.googleapis.com/css2?family=${family}`}
			rel="stylesheet"
		/>	
	</Head>
)

next/head | Next.js

We expose a built-in component for appending elements to the head of the page: To avoid duplicate tags in your head you can use the key property, which will make sure the tag is only rendered once, as in the following example: In this case only the second is rendered.

https://nextjs.org/docs/api-reference/next/head

next/head | Next.js

Recommendations

//////////////