I am using the new App folder structure with nextJS 13 project and i would like to display a subheader in the RootLayout containing the value of the Page title (i’m using metadata in each page to configure head title). Is there any way to directly access that value with SSR?
Example layout.js:
export default function RootLayout({ children) {
const pageTitle = "???"; // How to get this value?
return (
<html>
<body>
<HeaderComponent/>
<div className="subheader">
<h3>{pageTitle}</h3> <------ HERE
</div>
<div className="content">{children}</div>
<FooterComponent>
</body>
</html>
)
);
Example page.js
export const metadata = {
title: "Login"
};
export default function Login() {
return (
<div>Login form</div>
);
}