FAQ

Yes, Jeasx provides a context object via this which gets automagically propagated to sub-components. You can populate the context in an endpoint (e.g., a guard):

export default function RootGuard({ request, reply }) {
  this.date = new Date();
}

Later, you can access the context in any sub-component which gets called via an endpoint:

export default function CurrentDate() {
  return <p>The current date is {this.date.toISOString()}</p>;
}

Have a look at the demo to see how things work using the context as them provider.

If you want to prettify the HTML output, you can wire up a response handler in any endpoint (e.g. a guard). The response handler takes the resulting payload as a parameter and returns the modified payload.

import * as prettier from "prettier";
...
export default function RootGuard({ request, reply }) {
  this.response = async (payload) => {
    return typeof payload === "string" &&
      String(reply.getHeader("content-type")).startsWith("text/html")
      ? await prettier.format(payload, { parser: "html" })
      : payload;
  };
}

Yes, have a look at the head example which demonstrates how easily this can be achieved with a guard.

Certainly! Please check out the GitHub repository of this website to see how things should be wired.

If you want to reload CSS automagically, start Browsersync in proxy-mode in a second terminal:

npx -y browser-sync start -w -f "dist/**/index.css" -p localhost:3000

Jeasx provides two different hosting modes tailored to meet your specific needs: traditional hosting on a node server or a serverless approach. For effortless node-based hosting, I highly recommend a platform like Railway, which seamlessly operates jeasx without the need for additional configurations. If you prefer a serverless approach, Vercel is the perfect fit, where jeasx provides the necessary configurations out of the box.