uikit

frontend/components/Layout.js

@@ -6,17 +6,9 @@ const Layout = props => {
         <>
         <Head>
             <title>{props.titlePage}</title>
-            <link
+            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Staatliches" />
-            rel="stylesheet"
+            <link rel="stylesheet" href="/static/css/uikit.min.css" />
-            href="https://fonts.googleapis.com/css?family=Staatliches"
+            <script src="/static/js/uikit.min.js" />
-            />
-            <link
-            rel="stylesheet"
-            href="https://cdn.jsdelivr.net/npm/uikit@3.2.3/dist/css/uikit.min.css"
-            />
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.2.0/js/uikit.min.js" />
-            <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.3/dist/js/uikit-icons.min.js" />
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.2.0/js/uikit.js" />
         </Head>
         <Nav />
         {props.children}

frontend/next.config.js

@@ -4,8 +4,5 @@ const withCSS = require('@zeit/next-css')
 module.exports = withCSS({
     env: {
         API_URL: process.env.API_URL
-    },
+    }
-    devIndicators: {
-        autoPrerender: false,
-    },
 })

frontend/pages/categories/[id].js

@@ -10,22 +10,22 @@ const Category = () => {
   const router = useRouter();
 
   return (
-    <Layout titlePage="Categories">
       <Query query={CATEGORY_ARTICLES_QUERY} id={router.query.id}>
         {({ data: { category } }) => {
           return (
-            <div>
+            <Layout titlePage={category.name}>
-              <div className="uk-section">
+              <div>
-                <div className="uk-container uk-container-large">
+                <div className="uk-section">
-                  <h1>{category.name}</h1>
+                  <div className="uk-container uk-container-large">
-                  <Articles articles={category.articles} />
+                    <h1>{category.name}</h1>
+                    <Articles articles={category.articles} />
+                  </div>
                 </div>
               </div>
-            </div>
+            </Layout> 
           );
         }}
       </Query>
-    </Layout>
   );
 };