All you need to know about metadata in next.js 13 by Anik Routh

Introduction:

Next.js 13 has a Metadata API that can be used to define your application metadata (e.g. meta and link tags inside your HTML head element) for improved SEO and web shareability.

There are two ways you can add metadata to your application:

Static metadata:

To define static metadata, export a Metadata object from a layout.js or static page.js file.

import type { Metadata } from 'next' 

export const metadata: Metadata = { 
  title: '...', 
  description: '...', 
} 

export default …

api application head html inside introduction javascript meta metadata next next.js next.js 13 seo web