add vanilla render

DavidWells · DavidWells · commit 23bf62d43543 · 2018-07-12T15:35:51.000-07:00
diff --git a/functions/react-express-ssr.js b/functions/react-express-ssr.js
@@ -9,7 +9,7 @@ import Data from "./react-app/usersData"
 import fs from "fs"
 import path from "path"
 
-const functionName = 'react-ssr'
+const functionName = 'react-express-ssr'
 const app = express()
 
 app.use(cors())
diff --git a/functions/react-vanilla-ssr.js b/functions/react-vanilla-ssr.js
@@ -0,0 +1,39 @@
+import { renderToString } from "react-dom/server"
+import App from "./react-app/App"
+import fetchData from "./react-app/usersData"
+
+exports.handler = (event, context, callback) => {
+  // Make API call
+  fetchData().then(users => {
+    // then render react app
+    const react = renderToString(<App data={users} />)
+    // then send back html
+    return callback(null, {
+      statusCode: 200,
+      headers: {
+        'Content-Type': 'text/html',
+      },
+      body: makeHtml({
+        title: 'React SSR!',
+        body: react
+      })
+    })
+  })
+}
+
+function makeHtml ({ body, styles, title }) {
+  const stylesheet = (styles) ? `<style>${styles}</style>` : ''
+  return `
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>${title}</title>
+        ${stylesheet}
+      </head>
+      <body style="margin:0">
+        <div id="root">${body}</div>
+        <script src="/dev/bundle.js"></script>
+      </body>
+    </html>
+  `
+}
