diff --git a/src/client/Routes.js b/src/client/Routes.js
new file mode 100644
index 0000000..5bb00bb
--- /dev/null
+++ b/src/client/Routes.js
@@ -0,0 +1,11 @@
+import React from "react";
+import { Route } from "react-router-dom";
+import Home from "./components/Home";
+
+export default () => {
+ return (
+
+
+
+ ) ;
+};
\ No newline at end of file
diff --git a/src/client/index.js b/src/client/index.js
index 3e553ee..dadaf02 100644
--- a/src/client/index.js
+++ b/src/client/index.js
@@ -1,6 +1,11 @@
import React from "react";
import ReactDOM from 'react-dom';
+import { BrowserRouter } from "react-router-dom";
+import Routes from './Routes';
-import Home from './components/Home';
-
-ReactDOM.hydrate(, document.querySelector('#root'));
\ No newline at end of file
+ReactDOM.hydrate(
+
+
+ ,
+ document.querySelector('#root')
+);
\ No newline at end of file
diff --git a/src/helpers/renderer.js b/src/helpers/renderer.js
index 78e0823..3cd2f94 100644
--- a/src/helpers/renderer.js
+++ b/src/helpers/renderer.js
@@ -1,9 +1,14 @@
import React from "react";
import { renderToString } from "react-dom/server";
-import Home from "../client/components/Home";
+import { StaticRouter } from "react-router-dom";
+import Routes from "../client/Routes";
-export default () => {
- const content = renderToString();
+export default (req) => {
+ const content = renderToString(
+
+
+
+ );
return `
diff --git a/src/index.js b/src/index.js
index b391cf8..fb40bf8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -5,7 +5,7 @@ const app = express();
app.use(express.static('public'));
app.get('/', (req, res) => {
- res.send(renderer());
+ res.send(renderer(req));
});
app.listen(3000, () => {