How can i add page specific metadata?

Answered

Arboreal ant posted this in #help-forum

Arboreal antOP

2024-02-14T14:53:10.000Z

i currently have this in my layout file

  export const metadata = {
    title: 'test',
    description: 'test',  
    'theme-color': "#20c997"
  }

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <head>
        <meta name="theme-color" content="#20c997"/>
      </head>
      <body className={inter.className}>
        <UserProvider>
          <NavBar/> 
        {children}
        </UserProvider>  
      </body>
    </html>
  );
}

so i have 2 questions, first how can i make this metadata apply on all pages that dont have specific metadata defined, and my 2nd question is do i have to make a seperate meta tag in the return to add a 'theme-color': "#20c997" because it doesnt work if i put it in with the rest of the metadata