From 0195b2a8f6cfe0ee3737d4b379d0ca04110614b7 Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 14:14:22 +0100
Subject: [PATCH 01/11] Typesafe `metadata` object

---
 .../04-functions/generate-metadata.mdx        | 64 +++++++++----------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 69bfc89363cf..211cee5e1117 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -30,7 +30,7 @@ export async function generateMetadata({ params }) {
 
 ```jsx filename="layout.js / page.js" switcher
 // either Static metadata
-export const metadata = {
+export const metadata: Metadata = {
   title: '...',
 }
 
@@ -63,7 +63,7 @@ export default function Page() {}
 ```
 
 ```jsx filename="layout.js / page.js" switcher
-export const metadata = {
+export const metadata: Metadata = {
   title: '...',
   description: '...',
 }
@@ -153,7 +153,7 @@ The `title` attribute is used to set the title of the document. It can be define
 #### String
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   title: 'Next.js',
 }
 ```
@@ -193,7 +193,7 @@ export const metadata: Metadata = {
 `title.default` can be used to provide a **fallback title** to child route segments that don't define a `title`.
 
 ```tsx filename="app/layout.tsx"
-export const metadata = {
+export const metadata: Metadata = {
   title: {
     default: 'Acme',
   },
@@ -201,7 +201,7 @@ export const metadata = {
 ```
 
 ```tsx filename="app/about/page.tsx"
-export const metadata = {}
+export const metadata: Metadata = {}
 
 // Output: <title>Acme</title>
 ```
@@ -277,7 +277,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-export const metadata = {
+export const metadata: Metadata = {
   title: {
     template: '%s | Acme',
   },
@@ -297,7 +297,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/about/page.js" switcher
-export const metadata = {
+export const metadata: Metadata = {
   title: {
     absolute: 'About',
   },
@@ -323,7 +323,7 @@ export const metadata = {
 ### `description`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   description: 'The React Framework for the Web',
 }
 ```
@@ -335,7 +335,7 @@ export const metadata = {
 ### Basic Fields
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   generator: 'Next.js',
   applicationName: 'Next.js',
   referrer: 'origin-when-cross-origin',
@@ -375,7 +375,7 @@ export const metadata = {
 - If not configured, `metadataBase` is **automatically populated** with a [default value](#default-value).
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   metadataBase: new URL('https://acme.com'),
   alternates: {
     canonical: '/',
@@ -431,7 +431,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-export const metadata = {
+export const metadata: Metadata = {
   metadataBase: new URL('https://acme.com'),
 }
 ```
@@ -451,7 +451,7 @@ Any `metadata` fields that inherit the above `metadataBase` and set their own va
 ### `openGraph`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   openGraph: {
     title: 'Next.js',
     description: 'The React Framework for the Web',
@@ -493,7 +493,7 @@ export const metadata = {
 ```
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   openGraph: {
     title: 'Next.js',
     description: 'The React Framework for the Web',
@@ -520,7 +520,7 @@ export const metadata = {
 ### `robots`
 
 ```tsx
-export const metadata = {
+export const metadata: Metadata = {
   robots: {
     index: false,
     follow: true,
@@ -550,7 +550,7 @@ export const metadata = {
 > **Good to know**: We recommend using the [file-based Metadata API](/docs/app/api-reference/file-conventions/metadata/app-icons#image-files-ico-jpg-png) for icons where possible. Rather than having to sync the config export with actual files, the file-based API will automatically generate the correct metadata for you.
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   icons: {
     icon: '/icon.png',
     shortcut: '/shortcut-icon.png',
@@ -574,7 +574,7 @@ export const metadata = {
 ```
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   icons: {
     icon: [{ url: '/icon.png' }, new URL('/icon.png', 'https://example.com')],
     shortcut: ['/shortcut-icon.png'],
@@ -618,7 +618,7 @@ Learn more about [theme-color](https://developer.mozilla.org/en-US/docs/Web/HTML
 **Simple theme color**
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   themeColor: 'black',
 }
 ```
@@ -630,7 +630,7 @@ export const metadata = {
 **With media attribute**
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   themeColor: [
     { media: '(prefers-color-scheme: light)', color: 'cyan' },
     { media: '(prefers-color-scheme: dark)', color: 'black' },
@@ -648,7 +648,7 @@ export const metadata = {
 A web application manifest, as defined in the [Web Application Manifest specification](https://developer.mozilla.org/en-US/docs/Web/Manifest).
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   manifest: 'https://nextjs.org/manifest.json',
 }
 ```
@@ -662,7 +662,7 @@ export const metadata = {
 Learn more about the [Twitter Card markup reference](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup).
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   twitter: {
     card: 'summary_large_image',
     title: 'Next.js',
@@ -686,7 +686,7 @@ export const metadata = {
 ```
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   twitter: {
     card: 'app',
     title: 'Next.js',
@@ -738,7 +738,7 @@ export const metadata = {
 > **Good to know**: The `viewport` meta tag is automatically set with the following default values. Usually, manual configuration is unnecessary as the default is sufficient. However, the information is provided for completeness.
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   viewport: {
     width: 'device-width',
     initialScale: 1,
@@ -757,7 +757,7 @@ export const metadata = {
 ### `verification`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   verification: {
     google: 'google',
     yandex: 'yandex',
@@ -780,7 +780,7 @@ export const metadata = {
 ### `appleWebApp`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   itunes: {
     appId: 'myAppStoreID',
     appArgument: 'myAppArgument',
@@ -824,7 +824,7 @@ export const metadata = {
 ### `alternates`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   alternates: {
     canonical: 'https://nextjs.org',
     languages: {
@@ -860,7 +860,7 @@ export const metadata = {
 ### `appLinks`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   appLinks: {
     ios: {
       url: 'https://nextjs.org/ios',
@@ -892,7 +892,7 @@ export const metadata = {
 Describes a collection of records, documents, or other materials of historical interest ([source](https://www.w3.org/TR/2011/WD-html5-20110113/links.html#rel-archives)).
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   archives: ['https://nextjs.org/13'],
 }
 ```
@@ -904,7 +904,7 @@ export const metadata = {
 ### `assets`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   assets: ['https://nextjs.org/assets'],
 }
 ```
@@ -916,7 +916,7 @@ export const metadata = {
 ### `bookmarks`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   bookmarks: ['https://nextjs.org/13'],
 }
 ```
@@ -928,7 +928,7 @@ export const metadata = {
 ### `category`
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   category: 'technology',
 }
 ```
@@ -942,7 +942,7 @@ export const metadata = {
 All metadata options should be covered using the built-in support. However, there may be custom metadata tags specific to your site, or brand new metadata tags just released. You can use the `other` option to render any custom metadata tag.
 
 ```jsx filename="layout.js / page.js"
-export const metadata = {
+export const metadata: Metadata = {
   other: {
     custom: 'meta',
   },
@@ -1125,7 +1125,7 @@ For JavaScript projects, you can use JSDoc to add type safety.
 
 ```js
 /** @type {import("next").Metadata} */
-export const metadata = {
+export const metadata: Metadata = {
   title: 'Next.js',
 }
 ```

From 84274fa8a3a8e82a3565e3c5449e55156413575c Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 14:49:10 +0100
Subject: [PATCH 02/11] Update generate-metadata.mdx

---
 .../04-functions/generate-metadata.mdx        | 62 +++++++++----------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 211cee5e1117..ffe9c9e80f4d 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -30,7 +30,7 @@ export async function generateMetadata({ params }) {
 
 ```jsx filename="layout.js / page.js" switcher
 // either Static metadata
-export const metadata: Metadata = {
+export const metadata = {
   title: '...',
 }
 
@@ -63,7 +63,7 @@ export default function Page() {}
 ```
 
 ```jsx filename="layout.js / page.js" switcher
-export const metadata: Metadata = {
+export const metadata = {
   title: '...',
   description: '...',
 }
@@ -153,7 +153,7 @@ The `title` attribute is used to set the title of the document. It can be define
 #### String
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   title: 'Next.js',
 }
 ```
@@ -179,7 +179,7 @@ export const metadata: Metadata = {
 ```jsx filename="app/layout.js" switcher
 import { Metadata } from 'next'
 
-export const metadata: Metadata = {
+export const metadata = {
   title: {
     default: '...',
     template: '...',
@@ -224,7 +224,7 @@ export const metadata: Metadata = {
 ```jsx filename="app/layout.js" switcher
 import { Metadata } from 'next'
 
-export const metadata: Metadata = {
+export const metadata = {
   title: {
     template: '%s | Acme',
     default: 'Acme', // a default is required when creating a template
@@ -245,7 +245,7 @@ export const metadata: Metadata = {
 ```jsx filename="app/about/page.js" switcher
 import { Metadata } from 'next'
 
-export const metadata: Metadata = {
+export const metadata = {
   title: 'About',
 }
 
@@ -277,7 +277,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-export const metadata: Metadata = {
+export const metadata = {
   title: {
     template: '%s | Acme',
   },
@@ -297,7 +297,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/about/page.js" switcher
-export const metadata: Metadata = {
+export const metadata = {
   title: {
     absolute: 'About',
   },
@@ -323,7 +323,7 @@ export const metadata: Metadata = {
 ### `description`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   description: 'The React Framework for the Web',
 }
 ```
@@ -335,7 +335,7 @@ export const metadata: Metadata = {
 ### Basic Fields
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   generator: 'Next.js',
   applicationName: 'Next.js',
   referrer: 'origin-when-cross-origin',
@@ -375,7 +375,7 @@ export const metadata: Metadata = {
 - If not configured, `metadataBase` is **automatically populated** with a [default value](#default-value).
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   metadataBase: new URL('https://acme.com'),
   alternates: {
     canonical: '/',
@@ -431,7 +431,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-export const metadata: Metadata = {
+export const metadata = {
   metadataBase: new URL('https://acme.com'),
 }
 ```
@@ -451,7 +451,7 @@ Any `metadata` fields that inherit the above `metadataBase` and set their own va
 ### `openGraph`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   openGraph: {
     title: 'Next.js',
     description: 'The React Framework for the Web',
@@ -493,7 +493,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   openGraph: {
     title: 'Next.js',
     description: 'The React Framework for the Web',
@@ -550,7 +550,7 @@ export const metadata: Metadata = {
 > **Good to know**: We recommend using the [file-based Metadata API](/docs/app/api-reference/file-conventions/metadata/app-icons#image-files-ico-jpg-png) for icons where possible. Rather than having to sync the config export with actual files, the file-based API will automatically generate the correct metadata for you.
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   icons: {
     icon: '/icon.png',
     shortcut: '/shortcut-icon.png',
@@ -574,7 +574,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   icons: {
     icon: [{ url: '/icon.png' }, new URL('/icon.png', 'https://example.com')],
     shortcut: ['/shortcut-icon.png'],
@@ -618,7 +618,7 @@ Learn more about [theme-color](https://developer.mozilla.org/en-US/docs/Web/HTML
 **Simple theme color**
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   themeColor: 'black',
 }
 ```
@@ -630,7 +630,7 @@ export const metadata: Metadata = {
 **With media attribute**
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   themeColor: [
     { media: '(prefers-color-scheme: light)', color: 'cyan' },
     { media: '(prefers-color-scheme: dark)', color: 'black' },
@@ -648,7 +648,7 @@ export const metadata: Metadata = {
 A web application manifest, as defined in the [Web Application Manifest specification](https://developer.mozilla.org/en-US/docs/Web/Manifest).
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   manifest: 'https://nextjs.org/manifest.json',
 }
 ```
@@ -662,7 +662,7 @@ export const metadata: Metadata = {
 Learn more about the [Twitter Card markup reference](https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup).
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   twitter: {
     card: 'summary_large_image',
     title: 'Next.js',
@@ -686,7 +686,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   twitter: {
     card: 'app',
     title: 'Next.js',
@@ -738,7 +738,7 @@ export const metadata: Metadata = {
 > **Good to know**: The `viewport` meta tag is automatically set with the following default values. Usually, manual configuration is unnecessary as the default is sufficient. However, the information is provided for completeness.
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   viewport: {
     width: 'device-width',
     initialScale: 1,
@@ -757,7 +757,7 @@ export const metadata: Metadata = {
 ### `verification`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   verification: {
     google: 'google',
     yandex: 'yandex',
@@ -780,7 +780,7 @@ export const metadata: Metadata = {
 ### `appleWebApp`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   itunes: {
     appId: 'myAppStoreID',
     appArgument: 'myAppArgument',
@@ -824,7 +824,7 @@ export const metadata: Metadata = {
 ### `alternates`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   alternates: {
     canonical: 'https://nextjs.org',
     languages: {
@@ -860,7 +860,7 @@ export const metadata: Metadata = {
 ### `appLinks`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   appLinks: {
     ios: {
       url: 'https://nextjs.org/ios',
@@ -892,7 +892,7 @@ export const metadata: Metadata = {
 Describes a collection of records, documents, or other materials of historical interest ([source](https://www.w3.org/TR/2011/WD-html5-20110113/links.html#rel-archives)).
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   archives: ['https://nextjs.org/13'],
 }
 ```
@@ -904,7 +904,7 @@ export const metadata: Metadata = {
 ### `assets`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   assets: ['https://nextjs.org/assets'],
 }
 ```
@@ -916,7 +916,7 @@ export const metadata: Metadata = {
 ### `bookmarks`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   bookmarks: ['https://nextjs.org/13'],
 }
 ```
@@ -928,7 +928,7 @@ export const metadata: Metadata = {
 ### `category`
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   category: 'technology',
 }
 ```
@@ -942,7 +942,7 @@ export const metadata: Metadata = {
 All metadata options should be covered using the built-in support. However, there may be custom metadata tags specific to your site, or brand new metadata tags just released. You can use the `other` option to render any custom metadata tag.
 
 ```jsx filename="layout.js / page.js"
-export const metadata: Metadata = {
+export const metadata = {
   other: {
     custom: 'meta',
   },

From 104d824194f3d093cffffdac919116393a981163 Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 14:49:55 +0100
Subject: [PATCH 03/11] Update generate-metadata.mdx

---
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index ffe9c9e80f4d..4688af647bc1 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -1125,7 +1125,7 @@ For JavaScript projects, you can use JSDoc to add type safety.
 
 ```js
 /** @type {import("next").Metadata} */
-export const metadata: Metadata = {
+export const metadata = {
   title: 'Next.js',
 }
 ```

From d161c925d826662c648dc691af29f224460df8a3 Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 23:04:04 +0100
Subject: [PATCH 04/11] Update
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx

Co-authored-by: Steven <steven@ceriously.com>
---
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 4688af647bc1..81eaba1d06f8 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -177,7 +177,6 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-import { Metadata } from 'next'
 
 export const metadata = {
   title: {

From f1bf1e8f33a32127b8dd1577ba61a13cdfbdb9c2 Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 23:04:10 +0100
Subject: [PATCH 05/11] Update
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx

Co-authored-by: Steven <steven@ceriously.com>
---
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 81eaba1d06f8..9904e5abe49e 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -192,6 +192,8 @@ export const metadata = {
 `title.default` can be used to provide a **fallback title** to child route segments that don't define a `title`.
 
 ```tsx filename="app/layout.tsx"
+import { Metadata } from 'next'
+
 export const metadata: Metadata = {
   title: {
     default: 'Acme',

From 952675db74b6f3a428b6f25a551b15ec8f0b50d3 Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 23:04:18 +0100
Subject: [PATCH 06/11] Update
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx

Co-authored-by: Steven <steven@ceriously.com>
---
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 9904e5abe49e..05fb8ae5a44a 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -202,6 +202,8 @@ export const metadata: Metadata = {
 ```
 
 ```tsx filename="app/about/page.tsx"
+import { Metadata } from 'next'
+
 export const metadata: Metadata = {}
 
 // Output: <title>Acme</title>

From 0493f9d7dcebd8cee9922f202b35646a6ea7406b Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 23:04:23 +0100
Subject: [PATCH 07/11] Update
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx

Co-authored-by: Steven <steven@ceriously.com>
---
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 05fb8ae5a44a..e0e04f2ef5ed 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -523,6 +523,8 @@ export const metadata = {
 ### `robots`
 
 ```tsx
+import { Metadata } from 'next'
+
 export const metadata: Metadata = {
   robots: {
     index: false,

From 508d5a4d6613cd57da22c3b0f77528b76a1a068e Mon Sep 17 00:00:00 2001
From: Carlos Menezes <carlos-menezes212@hotmail.com>
Date: Wed, 5 Jul 2023 23:04:27 +0100
Subject: [PATCH 08/11] Update
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx

Co-authored-by: Steven <steven@ceriously.com>
---
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index e0e04f2ef5ed..6c27176eb37f 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -246,7 +246,6 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/about/page.js" switcher
-import { Metadata } from 'next'
 
 export const metadata = {
   title: 'About',

From 476f2dcad2feced0cd98085812c75d93c2ab1780 Mon Sep 17 00:00:00 2001
From: Steven <steven@ceriously.com>
Date: Thu, 6 Jul 2023 16:54:12 -0400
Subject: [PATCH 09/11] `import type { Metadata } from 'next'`

---
 .../02-api-reference/04-functions/generate-metadata.mdx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 6c27176eb37f..a7165bb83a67 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -192,7 +192,7 @@ export const metadata = {
 `title.default` can be used to provide a **fallback title** to child route segments that don't define a `title`.
 
 ```tsx filename="app/layout.tsx"
-import { Metadata } from 'next'
+import type { Metadata } from 'next'
 
 export const metadata: Metadata = {
   title: {
@@ -202,7 +202,7 @@ export const metadata: Metadata = {
 ```
 
 ```tsx filename="app/about/page.tsx"
-import { Metadata } from 'next'
+import type { Metadata } from 'next'
 
 export const metadata: Metadata = {}
 
@@ -225,7 +225,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-import { Metadata } from 'next'
+import type { Metadata } from 'next'
 
 export const metadata = {
   title: {
@@ -522,7 +522,7 @@ export const metadata = {
 ### `robots`
 
 ```tsx
-import { Metadata } from 'next'
+import type { Metadata } from 'next'
 
 export const metadata: Metadata = {
   robots: {

From fcd3d37f292f3de1824a97bb409d00f63fbbc7df Mon Sep 17 00:00:00 2001
From: Steven <steven@ceriously.com>
Date: Fri, 7 Jul 2023 10:01:34 -0400
Subject: [PATCH 10/11] Apply suggestions from code review

Co-authored-by: Delba de Oliveira <32464864+delbaoliveira@users.noreply.github.com>
---
 docs/02-app/02-api-reference/04-functions/generate-metadata.mdx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index a7165bb83a67..35d62d92caf2 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -225,7 +225,6 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-import type { Metadata } from 'next'
 
 export const metadata = {
   title: {

From 5b72e61396bbe90d0ebff5c919d0ba0fb751451a Mon Sep 17 00:00:00 2001
From: Tim Neutkens <tim@timneutkens.nl>
Date: Mon, 10 Jul 2023 11:18:23 +0200
Subject: [PATCH 11/11] Run lint

---
 .../02-app/02-api-reference/04-functions/generate-metadata.mdx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
index 35d62d92caf2..21ff66173de9 100644
--- a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
+++ b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -177,7 +177,6 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-
 export const metadata = {
   title: {
     default: '...',
@@ -225,7 +224,6 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-
 export const metadata = {
   title: {
     template: '%s | Acme',
@@ -245,7 +243,6 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/about/page.js" switcher
-
 export const metadata = {
   title: 'About',
 }