Skip to content

Latest commit

 

History

History
33 lines (28 loc) · 884 Bytes

app-wrapper.md

File metadata and controls

33 lines (28 loc) · 884 Bytes
description
Add a global app wrapper to provide common meta tags or context for application routes.

The app wrapper component is a Preact component that represents the outer structure of the HTML document, typically up until the <body>-tag. It is only rendered on the server and never on the client. The passed Component value represents the children of this component.

function AppWrapper({ Component }) {
  return (
    <html lang="en">
      <head>
        <meta charset="utf-8" />
        <title>My App</title>
      </head>
      <body>
        <Component />
      </body>
    </html>
  );
}

app.appWrapper(AppWrapper);

Every ctx.render() call will include the app wrapper component by default, unless opted out.

Note that only one app wrapper component is supported per App instance.