aral/htm-ssr-direct.js

## htm-ssr-direct.js
const express = require('express');
const htm = require('htm');
const vhtml = require('vhtml');

// create an html`` tag function for vhtml:
const html = htm.bind(vhtml);

const App = (props) => html`
  <div class="app">
    <h1>This is an app</h1>
    <p>Current server time: ${new Date + ''}</p>
  </div>
`;

const app = express();
app.get('/', (request, response) => {
  // html already returns a string!
  const body = html`<${App} url=${request.url} />`;

  // wrap it in an HTML document and send it back
  response.send(`<!DOCTYPE html><html><body>${body}</body></html>`);
});

## package.json
{
  "dependencies": {
    "htm": "^2.2.1",
    "vhtml": "^2.1.0",
    "express": "^4.17.1"
  }
}
	const express = require('express');
	const htm = require('htm');
	const vhtml = require('vhtml');

	// create an html`` tag function for vhtml:
	const html = htm.bind(vhtml);

	const App = (props) => html`
	<div class="app">
	<h1>This is an app</h1>
	<p>Current server time: ${new Date + ''}</p>
	</div>
	`;

	const app = express();
	app.get('/', (request, response) => {
	// html already returns a string!
	const body = html`<${App} url=${request.url} />`;

	// wrap it in an HTML document and send it back
	response.send(`<!DOCTYPE html><html><body>${body}</body></html>`);
	});
	{
	"dependencies": {
	"htm": "^2.2.1",
	"vhtml": "^2.1.0",
	"express": "^4.17.1"
	}
	}