Upgrade Next.js

jawadan · May 11, 2020 · 72e83bb · 72e83bb
1 parent 9bab6c6
commit 72e83bb
Show file tree

Hide file tree

Showing 8 changed files with 1,289 additions and 698 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,7 @@
 
 # dependencies
 /node_modules
+node_modules
 .next
 
 # testing

diff --git a/components/Header.component.jsx b/components/Header.component.jsx
@@ -3,7 +3,7 @@ import Head from 'next/head';
 function Header() {
   return (
     <Head>
-      <title>Nextjs ecommerce with Woocommerce</title>
+      <title>Nextjs Ecommerce with Woocommerce</title>
       <meta
         property="og:title"
         content="Nextjs ecommerce with Woocommerce"

diff --git a/jsconfig.json b/jsconfig.json
@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "baseUrl": "."
+  }
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nextjs-woocommerce",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -13,7 +13,7 @@
   "license": "ISC",
   "dependencies": {
     "@woocommerce/woocommerce-rest-api": "^1.0.1",
-    "next": "^9.3.6",
+    "next": "^9.4.0",
     "node-fetch": "^2.6.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",

diff --git a/pages/_app.js b/pages/_app.js
@@ -0,0 +1,11 @@
+// Will be called once for every metric that has to be reported.
+export function reportWebVitals(metric) {
+  // These metrics can be sent to any analytics service
+  // console.log(metric);
+}
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;
diff --git a/pages/api/getWooProducts.js b/pages/api/getWooProducts.js
@@ -8,12 +8,12 @@ const WooCommerce = new WooCommerceRestApi({
   version: 'wc/v3',
 });
 
-async function getProductsFromRest() {
-  return await WooCommerce.get('products');
+function getProductsFromRest() {
+  return WooCommerce.get('products');
 }
 
 export async function getWooProducts(req, res) {
-  const WooProducts = getProductsFromRest();
+  const WooProducts = await getProductsFromRest();
   res.status(200).json(WooProducts.data);
 }
 

diff --git a/pages/index.js b/pages/index.js
@@ -1,6 +1,5 @@
-import fetch from 'node-fetch';
+import Header from "components/Header.component"
 
-import Header from '../components/Header.component';
 
 function HomePage(props) {
   // We can destructure here or inside the map.