1d026ec074
easier to read ## Documentation / Examples - [x ] Make sure the linting passes by running `pnpm lint` - [ x] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md) Co-authored-by: Balázs Orbán <18369201+balazsorban44@users.noreply.github.com>
30 lines
814 B
Markdown
30 lines
814 B
Markdown
# No Title in Document Head
|
|
|
|
> Prevent usage of `<title>` with `Head` component from `next/document`.
|
|
|
|
### Why This Error Occurred
|
|
|
|
A `<title>` element was defined within the `Head` component imported from `next/document`, which should only be used for any `<head>` code that is common for all pages. Title tags should be defined at the page-level using `next/head` instead.
|
|
|
|
### Possible Ways to Fix It
|
|
|
|
Within a page or component, import and use `next/head` to define a page title:
|
|
|
|
```jsx
|
|
import Head from 'next/head'
|
|
|
|
export function Home() {
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>My page title</title>
|
|
</Head>
|
|
</div>
|
|
)
|
|
}
|
|
```
|
|
|
|
### Useful links
|
|
|
|
- [next/head](https://nextjs.org/docs/api-reference/next/head)
|
|
- [Custom Document](https://nextjs.org/docs/advanced-features/custom-document)
|