Add metadata for pages

[GodHermit]

Add metadata for pages

Static Metadata¹

• /app/[locale]/offline/layout.tsx
• /app/[locale]/(articles)/settings/layout.tsx

Dynamic Metadata²

• /app/[locale]/(articles)/[[...article]]/page.tsx
• /app/[locale]/layout.tsx

Required Metadata Fields

• title
  • template (only for root layout)
  • default (only for root layout)
• description
• metadataBase (only for root layout)
• alternates³ - generate alternate URLs for each locale
• openGraph
  • title - copy of title without template
  • description - copy of description
  • url - url
  • siteName - localized site name
  • locale - current locale
  • images - generate dynamic images⁴
• robots⁵
• icons⁶ (only for root layout)
• themeColor - preferred color for current colorMode (only for root layout)
• manifest - URL with ?locale= search parameter (only for root layout)

Required manifest.json Fields⁷

• name
• short_name
• start_url
• display
• theme_color - copy of the theme_color from metadata
• background_color
• description - description of the app itself
• icons - copy of the icons form metadata
• screenshots⁸

Footnotes

1. Static Metadata ↩

2. Dynamic Metadata ↩

3. alternates ↩

4. Generate images using code (.js, .ts, .tsx) ↩

5. robots ↩

6. icons ↩

7. Web app manifests ↩

8. screenshots ↩