wood1986 · November 26, 2021 08:24
diff --git a/app.node.js b/app.node.js
 import {renderToStaticMarkup, renderToString} from "react-dom/server";
 import {App} from "./App";
 import {ServerStyleSheet} from "styled-components";

 export default async (props = {}) => {
  const sheet = new ServerStyleSheet();
  const div = renderToString(sheet.collectStyles(<App {...props} />));

  // there is no point to dynamicially change the head at runtime
  // when users share a link, crawler will hit that link again
  return "<!DOCTYPE html>" + renderToStaticMarkup(<html>
    <head>
      <meta charSet="utf-8" />
      <meta name="viewport" content="width=device-width,initial-scale=1" />
      <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII="></link>
      <style dangerouslySetInnerHTML={{"__html": __SOURCES__["app.web.css"]}}></style>
      <script dangerouslySetInnerHTML={{"__html": `globalThis.props = ${JSON.stringify(props).replace(/</g, "\\u003c")}`}} />
      <script dangerouslySetInnerHTML={{"__html": __SOURCES__["app.web.js"]}} />
      {sheet.getStyleElement()}
    </head>
    <body>
      <div id="root" dangerouslySetInnerHTML={{"__html": div}} />
      <script integrity={__DIGESTS__["vendors.js"]} src={__webpack_public_path__ + __FILES__["vendors.js"]} crossOrigin="anonymous" />
    </body>
  </html>);
 };
	import {renderToStaticMarkup, renderToString} from "react-dom/server";
	import {App} from "./App";
	import {ServerStyleSheet} from "styled-components";

	export default async (props = {}) => {
	const sheet = new ServerStyleSheet();
	const div = renderToString(sheet.collectStyles(<App {...props} />));

	// there is no point to dynamicially change the head at runtime
	// when users share a link, crawler will hit that link again
	return "<!DOCTYPE html>" + renderToStaticMarkup(<html>
	<head>
	<meta charSet="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII="></link>
	<style dangerouslySetInnerHTML={{"__html": __SOURCES__["app.web.css"]}}></style>
	<script dangerouslySetInnerHTML={{"__html": `globalThis.props = ${JSON.stringify(props).replace(/</g, "\\u003c")}`}} />
	<script dangerouslySetInnerHTML={{"__html": __SOURCES__["app.web.js"]}} />
	{sheet.getStyleElement()}
	</head>
	<body>
	<div id="root" dangerouslySetInnerHTML={{"__html": div}} />
	<script integrity={__DIGESTS__["vendors.js"]} src={__webpack_public_path__ + __FILES__["vendors.js"]} crossOrigin="anonymous" />
	</body>
	</html>);
	};