// server/index.js
import React from "react";
import { renderToString } from "react-dom/server";
import express from "express";
import App from "./src/App";
import { Helmet } from "react-helmet";
const app = express();
app.get("/*", (req, res) => {
const app = renderToString(<App />);
const helmet = Helmet.renderStatic();
const html = `
<!DOCTYPE html>
<html ${helmet.htmlAttributes.toString()}>
<head>
${helmet.title.toString()}
${helmet.meta.toString()}
${helmet.link.toString()}
</head>
<body ${helmet.bodyAttributes.toString()}>
<div id="root">
${app}
</div>
</body>
</html>
`;
res.send(html);
});
app.listen(8000);// src/App.js
import React from "react";
import "./App.css";
import { Helmet, HelmetProvider} from "react-helmet-async";
function App() {
return (
<HelmetProvider>
<div className="App">
<Helmet>
<html lang="en" />
<title>React Helmet</title>
<meta name="description" content="Concept of React Helmet" />
<meta name="theme-color" content="#E6E6FA" />
</Helmet>
<header className="App-header">
Title will be React Helmet
</header>
</div>
</HelmetProvider>
);
}
export default App;