Nano JSX
Server-side JSX rendering in Nitro with nano-jsx.
server.tsx
import { defineHandler, html } from "h3";
import { renderSSR } from "nano-jsx";
export default defineHandler(() => {
return html(renderSSR(() => <h1>Nitro + nano-jsx works!</h1>));
});
Server Entry
server.tsx
import { defineHandler, html } from "h3";
import { renderSSR } from "nano-jsx";
export default defineHandler(() => {
return html(renderSSR(() => <h1>Nitro + nano-jsx works!</h1>));
});
Nitro auto-detects server.tsx and uses it as the server entry. Use renderSSR from nano-jsx to convert JSX into an HTML string. The html helper from H3 sets the correct content type header.