How to set page title?

[iiabc]

I only know how to set the docs title, but how to set the titles of other pages (such as home)?

[Gitstar-OC]

Where do you want to set it ?

[Gitstar-OC]

Please explain more with a screenshot or text.

[iiabc]

I want to set the title of the web page label (the text to the right of the favicon)

[Gitstar-OC]

oh, you can set it here

In the layout.tsx file or you can use the next-seo for it.

[fuma-nama]

No you should use Next.js Metadata API for that, you might have to learn Next.js App Router basics from its docs, they have a detailed guide

[iiabc]

No you should use Next.js Metadata API for that, you might have to learn Next.js App Router basics from its docs, they have a detailed guide

I don't have time to learn that much, I want it to work out of the box

[fuma-nama]

I honestly don't think with the help of docs and AI, it would be time consuming to learn the metadata API. It is straightforward in all Next.js APIs (especially compared to caching).
https://nextjs.org/docs/app/building-your-application/optimizing/metadata

[Gitstar-OC]

Refer to this https://fumadocs-dev.vercel.app/docs/ui/page-conventions

[iiabc]

Okay, I understand. Edit in (home)/layout.tsx instead of page.tsx, and add the following code:

import type { Metadata } from 'next'

export const metadata: Metadata = {
  title: '...',
}

[Gitstar-OC]

yes, you can also add description and export it or use generateMetaData.