Adding dynamic meta tags to a React static site, created using StaticSiteGeneratorPlugin

Question

We're doing a website using StaticSiteGeneratorPlugin, is a website plugin that render the site locally and then we can upload it to S3.

Our code looks basically like this github project

We're using React Helmet to manage our head, meta info and all that, and is working great in the browser, but not when running the prod build.

In the entry.js I have the following. Missing a way to add the generated strings by Helmet into the resulting html, or if there's a better manager than helmet that will work better with the plugin we're using.

export default function render(locals, callback) {
    const element = React.createElement(Root, props);
    const helmet = Helmet.renderStatic();
    const html = ReactDOMServer.renderToString(element);
    callback(null, `<!DOCTYPE html>${html}`);
}

Felipe Valdes · Accepted Answer · 2017-12-08 21:58:14Z

1

Try this, but "don't blog about html":

const helmet = Helmet.renderStatic();
var html = ReactDOMServer.renderToString(element);
html.replace("</head>", helmet+"</head>");
callback(null, `<!DOCTYPE html>${html}`);

answered Dec 8, 2017 at 21:58

Felipe Valdes

2,2571 gold badge18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding dynamic meta tags to a React static site, created using StaticSiteGeneratorPlugin

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related