import ReactDOMServer from 'react-dom/server'; import cookie from 'cookie'; // import our main App component import App from '../../src/App'; import { getLinks } from '../sape'; import { StaticRouter } from 'react-router-dom'; const path = require('path'); const fs = require('fs'); const serverRenderer = async (req, res, next) => { // point to the html file created by CRA's build tool const filePath = path.resolve(__dirname, '..', '..', 'dist', 'index.html'); // links const cookies = cookie.parse(req.headers.cookie || ''); const links = await getLinks(req.originalUrl, cookies['sape_cookie']); console.log(`URL: ${req.originalUrl} LINKS: ${links.join(' ')}`); fs.readFile(filePath, 'utf8', (err, htmlData) => { if (err) { console.error('err', err); return res.status(404).end(); } const routerContext = {}; // render the app as a string const html = ReactDOMServer.renderToString( ); // inject the rendered app into our html and send it return res.send( htmlData.replace( '
', `
${html}
` ) ); }); }; export default serverRenderer;