4 files changed, 33 insertions, 35 deletions
diff --git a/frontend/pages/_document.js b/frontend/pages/_document.js
new file mode 100644
index 0000000..e9a6570
--- /dev/null
+++ b/frontend/pages/_document.js
@@ -0,0 +1,26 @@
+import Document, { Head, Main, NextScript } from 'next/document';
+import { ServerStyleSheet } from 'styled-components';
+
+export default class MyDocument extends Document {
+  static getInitialProps({ renderPage }) {
+    const sheet = new ServerStyleSheet();
+    const page = renderPage(App => props => sheet.collectStyles(<App {...props} />));
+    const styleTags = sheet.getStyleElement();
+    return { ...page, styleTags };
+  }
+
+  render() {
+    return (
+      <html>
+        <Head>
+          <title>My page</title>
+          {this.props.styleTags}
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </html>
+    );
+  }
+}
diff --git a/frontend/pages/cart.js b/frontend/pages/cart.js
deleted file mode 100644
index afdacf7..0000000
--- a/frontend/pages/cart.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component } from 'react';
-import withData from '../lib/withData';
-import Items from '../components/Items';
-import CreateItem from '../components/CreateItem';
-import Signup from '../components/Signup';
-import LoginAuth0 from '../components/LoginAuth0';
-import Page from '../components/Page';
-import CartList from '../components/CartList';
-
-class Orders extends Component {
-  render() {
-    return (
-      <Page>
-        <h2>My Cart</h2>
-        <CartList />
-      </Page>
-    );
-  }
-}
-
-export default withData(Orders);
diff --git a/frontend/pages/index.js b/frontend/pages/index.js
index 128ccf1..d4625c5 100644
--- a/frontend/pages/index.js
+++ b/frontend/pages/index.js
@@ -1,22 +1,19 @@
-import { Component } from "react";
-import PropTypes from "prop-types";
-import Items from "../components/Items";
-import Header from "../components/Header";
-import Page from "../components/Page";
-import withData from "../lib/withData";
+import PropTypes from 'prop-types';
+import Items from '../components/Items';
+import Page from '../components/Page';
+import withData from '../lib/withData';
 
 const Home = props => {
   const page = parseInt(props.url.query.page) || 1;
   return (
     <Page>
-      <p>Hello</p>
       <Items page={page} />
     </Page>
   );
 };
 
 Home.propTypes = {
-  url: PropTypes.object
+  url: PropTypes.object.isRequired,
 };
 
 export default withData(Home);
diff --git a/frontend/pages/orders.js b/frontend/pages/orders.js
index 4025868..15004a9 100644
--- a/frontend/pages/orders.js
+++ b/frontend/pages/orders.js
@@ -1,9 +1,5 @@
 import { Component } from 'react';
 import withData from '../lib/withData';
-import Items from '../components/Items';
-import CreateItem from '../components/CreateItem';
-import Signup from '../components/Signup';
-import LoginAuth0 from '../components/LoginAuth0';
 import Page from '../components/Page';
 import OrderList from '../components/OrderList';
 
@@ -12,9 +8,9 @@ class Orders extends Component {
     return (
       <Page>
         <h2>My Orders</h2>
-        <OrderList/>
+        <OrderList />
       </Page>
-    )
+    );
   }
 }