missAnneThorpe · July 23, 2023 04:20
diff --git a/htm-ssr-direct.js b/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>`);
 });
diff --git a/package.json b/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>`);
	});