fixed error on build

Author: dabit3

components/ViewInventory.js

@@ -53,7 +53,7 @@ class ViewInventory extends React.Component {
               return (
                 <div className="border-b py-10" key={item.id}>
                   <div className="flex items-center">
-                    <Link href={slugify(item.name)}>
+                    <Link href={`/product/${slugify(item.name)}`}>
                       <a aria-label={item.name}>
                         <Image className="w-32 m-0" src={item.image} alt={item.name} />
                       </a>
@@ -92,7 +92,7 @@ class ViewInventory extends React.Component {
             return (
               <div className="border-b py-10" key={item.id}>
                 <div className="flex items-center">
-                  <Link href={slugify(item.name)}>
+                  <Link href={`/product/${slugify(item.name)}`}>
                     <a>
                       <Image className="w-32 m-0" src={item.image} alt={item.name} />
                     </a>

next.config.js

@@ -1,25 +1,20 @@
 import '../styles/globals.css'
 import Layout from '../layouts/layout'
-/* Uncomment for dynamic nav
 import fetchCategories from '../utils/categoryProvider'
-*/
 
-function Ecommerce({ Component, pageProps }) {
-  const categories = ['new arrivals', 'sofas', 'living room', 'on sale', 'chairs']
+function Ecommerce({ Component, pageProps, categories }) {
   return (
     <Layout categories={categories}>
       <Component {...pageProps} />
     </Layout>
   )
 }
 
-/* Uncomment for dynamic nav
 Ecommerce.getInitialProps = async () => {
   const categories = await fetchCategories()
   return {
     categories
   }
 }
-*/
 
 export default Ecommerce

pages/_app.js

@@ -1,4 +1,4 @@
-jamstackEcommerceNext:
+nextEcommerce:
   component: "@sls-next/serverless-component@1.18.0"
   # inputs:
   #   domain: "yourdomain.com"

pages/api/hello.js

@@ -14,12 +14,12 @@ function slugify(string) {
 }
 
 function titleIfy(slug) {
-  var words = slug.split('-');
+  var words = slug.split('-')
   for (var i = 0; i < words.length; i++) {
-    var word = words[i];
-    words[i] = word.charAt(0).toUpperCase() + word.slice(1);
+    var word = words[i]
+    words[i] = word.charAt(0).toUpperCase() + word.slice(1)
   }
-  return words.join(' ');
+  return words.join(' ')
 }
 
 function getTrimmedString(string, length = 8) {

pages/api/inventory.js

@@ -1,4 +1,4 @@
-import inventory from './inventory';
+import inventory from './inventory'
 
 /*
 Inventory items should adhere to the following schema: