Nitro logoNitro

Nano JSX

View Source
Server-side JSX rendering in Nitro with nano-jsx.
├── nitro.config.ts
├── package.json
├── README.md
├── server.tsx
├── tsconfig.json
└── vite.config.ts

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.

Learn More