diff --git a/src/helpers/renderer.js b/src/helpers/renderer.js
new file mode 100644
index 0000000..78e0823
--- /dev/null
+++ b/src/helpers/renderer.js
@@ -0,0 +1,18 @@
+import React from "react";
+import { renderToString } from "react-dom/server";
+import Home from "../client/components/Home";
+
+export default () => {
+ const content = renderToString();
+
+ return `
+
+
+
+
+ ${content}
+
+
+
+ `
+};
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 8102981..10955fe 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,24 +1,14 @@
import express from 'express';
import React from 'react';
import { renderToString } from "react-dom/server";
+import renderer from './helpers/renderer';
import Home from './client/components/Home'
const app = express();
app.use(express.static('public'));
app.get('/', (req, res) => {
- const content = renderToString();
- const html = `
-
-
-
-
- ${content}
-
-
-
- `;
- res.send(html);
+ res.send(renderer());
});
app.listen(3000, () => {