Next.js中Layout.js为何导出metadata变量却未被引入？

• 这是Next.js框架的内置约定式功能，不需要手动引入，框架会自动识别读取这个变量。
• metadata的作用是生成页面的<title>、<meta name="description">等HTML头部标签，这些标签对SEO优化、浏览器标签显示、社交平台分享卡片展示都至关重要。
• 你定义的这个metadata，框架会自动注入到Layout组件返回的<html>标签对应的页面头部中，最终渲染出的HTML会包含类似这样的内容：

  <title>NextJS App</title>
  <meta name="description" content="Your first NextJS app!">
  

• 这种写法是Next.js App Router（新版路由系统）的特性，目的是简化页面元数据的管理，不用手动在组件里编写这些头部标签，由框架统一处理更规范高效。

内容的提问来源于stack exchange，提问作者amit perane