Statisk överföring av metadata från innehåll i NextJS

Låt oss nu lära oss att ställa in egna metadata för varje URL. För att göra detta behöver metadataobjektet exporteras från filen med webbplatsens innehåll.

Låt oss se hur det går till. Låt oss säga att vi har en komponent med webbplatsens innehåll:

src/app/test/page.jsxexport default function Test() {
  return <h1>test component</h1>;
}

Låt oss ställa in metadata för URL:en som motsvarar vår fil med innehåll:

src/app/test/page.jsxexport const metadata = {
  title: 'My Test page',
  description: 'Description for test page.',
}

export default function Test() {
  return <h1>test component</h1>;
}