express-jsx

app.js

app.get('/', (req, res) => {
  res.render('home', { ip: req.ip });
});

home.jsx

/* @jsx h */
import h from 'vhtml';
import { css } from 'linaria';

function Home({ ip }) {
  return (
    <main
      className={css`
        @apply min-h-screen flex items-center justify-center bg-gray-800;
      `}
    >
      <h2
        className={css`
          @apply text-4xl tracking-tight leading-none font-extrabold text-white text-center;
          @screen sm {
            @apply text-6xl;
          }
        `}
      >
        <span
          className={css`
            @apply text-indigo-400;
          `}
        >
          Your IP Address is
        </span>{' '}
        {ip}
      </h2>
    </main>
  );
}

export default Home;

rendered.html

<main class="mtltgbr">
  <h2 class="h1963ca6">
    <span class="shvdru7">Your IP Address is </span>120.xxx.xx.xxx
  </h2>
</main>