Answers for "React Helmet with SSR integration"

0

React Helmet with SSR integration

// 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);
Posted by: Guest on April-10-2022
0

React Helmet with SSR integration

// 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;
Posted by: Guest on April-10-2022

Code answers related to "Javascript"

Browse Popular Code Answers by Language