feat: enhance Metadata 'other' API to support property attribute

[zhangyu1818]

Related Feature Request discussion

#57527

What?

Added array support to the Metadata other API, allowing developers to customize the use of name or property attributes without affecting existing functionality.

Why?

In some cases, developers need to add meta tags with the property attribute, such as:

<>
  <meta property="product:price:amount" content="19.9" />
  <meta property="product:price:currency" content="USD">
</>

or

<meta property="fb:app_id" content="1234567890" />

I couldn't find detailed standard documentation for these attributes online, only some references like Product-Based OG Tag.

Allowing developers to customize the property attribute will provide greater flexibility, and is particularly useful for e-commerce product pages, and currently, the other option only supports the name attribute.

How?

Added an array option to allow developers to customize meta tag attributes without affecting existing functionality.

Current usage will not be affected.

export const metadata: Metadata = {
  other: {
    custom: 'meta',
    custom1: ['meta1', 'meta2'],
  },
}

Additional array object support.

export const metadata: Metadata = {
  other: [
    { name: 'customName', content: 'customName' },
    { property: 'customProperty', content: 'customProperty' },
  ],
}

[ijjk]

Allow CI Workflow Run

• approve CI run for commit: effd7aa

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

[ArturAmpilogov]

Hi,
Will the type change from map to array create problems for Next.JS developers' previous code?

[zhangyu1818]

This change will not affect the previous functionality. I have included test cases for the "other" option, which cover both the previous and the new usage methods.

[andypho]

Any updates on this?

[zhangyu1818]

@andypho Currently, there are no maintainers to review this PR. If you want to use Facebook metadata, it is already supported in v14.2.8.

[andypho]

@andypho Currently, there are no maintainers to review this PR. If you want to use Facebook metadata, it is already supported in v14.2.8.

well I need the custom openGraph, I don't think Facebook metadata works in my case :(

<meta property="og:type" content="og:product" /> // Breaks everything
<meta property="product:price:amount" content="19.9" />