Nitro logoNitro

Mono JSX

Server-side JSX rendering in Nitro with mono-jsx.

nitro.config.ts
package.json
server.tsx
tsconfig.json
vite.config.ts
export default () => (
  <html>
    <h1>Nitro + mono-jsx works!</h1>
  </html>
);

#Server Entry

server.tsx
export default () => (
  <html>
    <h1>Nitro + mono-jsx works!</h1>
  </html>
);

Nitro auto-detects server.tsx and uses mono-jsx to transform JSX into HTML. Export a function that returns JSX, and Nitro sends the rendered HTML as the response.

#Learn More

Nitro logo

Nitro  Ship Full-stack Vite Apps.