Custom Document Page

If you need to customize the server-rendered HTML document of your application, you can define a custom ./pages/_document.js component:

import Document, { Html, Head, Main, FlareactScript } from "flareact/document";

class MyDocument extends Document {
  static async getEdgeProps(ctx) {
    const props = await Document.getEdgeProps(ctx);
    return { ...props };

  render() {
    return (
        <Head />
          <Main />
          <FlareactScript />

export default MyDocument;

The code above is the default Document provided by Flareact. You can remove getEdgeProps or the render function from MyDocument if you don't need to change them.

<Html>, <Head />, <Main /> and <FlareactScript /> are required for the page to be properly rendered.

You can leverage these components to provide custom attributes, like a lang attribute on the html tag:

<Html lang="en">