Merge pull request #3 from imranhsayed/feature/get-products-api

Get Products API

Author: imranhsayed

.env-example

@@ -1 +1,4 @@
 NEXT_PUBLIC_WORDPRESS_SITE_URL=https://example.com
+
+WC_CONSUMER_KEY=ck_xx
+WC_CONSUMER_SECRET=cs_xx

README.md

@@ -54,6 +54,8 @@ npm run dev
 1. (Required) Create a `.env` file taking reference from `.env-example` and update your WordPressSite URL.
 - `NEXT_PUBLIC_WORDPRESS_URL=https://example.com`
 
+2. Add your `WC_CONSUMER_KEY` and `WC_CONSUMER_SECRET` to the `.env` by following [WooCommerce > Settings > Advanced > REST API](https://woocommerce.github.io/woocommerce-rest-api-docs/#authentication)
+
 2. In your WordPress Dashboard, Go to Settings > General > Site Address (URL) ( Set this to Frontend URL e.g. http://localhost:3000 during development )
 3. Create the Header and Footer Menus In WordPress Dashboard and set them to HCMS Header menu and HCMS Footer Menu respectively.
 

package-lock.json

@@ -6,10 +6,11 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-	"svg": "svgr -d src/components/icons src/components/icons/svgs"
+    "svg": "svgr -d src/components/icons src/components/icons/svgs"
   },
   "dependencies": {
     "@svgr/cli": "^5.5.0",
+    "@woocommerce/woocommerce-rest-api": "^1.0.1",
     "axios": "^0.21.1",
     "dompurify": "^2.3.1",
     "lodash": "^4.17.21",

package.json

@@ -0,0 +1,33 @@
+const WooCommerceRestApi = require("@woocommerce/woocommerce-rest-api").default;
+
+const api = new WooCommerceRestApi({
+	url: process.env.NEXT_PUBLIC_WORDPRESS_SITE_URL,
+	consumerKey: process.env.WC_CONSUMER_KEY,
+	consumerSecret: process.env.WC_CONSUMER_SECRET,
+	version: "wc/v3"
+});
+
+export default async function handler(req, res) {
+	const responseData = {
+		success: false,
+		products: []
+	}
+	
+	try {
+		const { data } = await api.get(
+			'products',
+			{
+				per_page: 50
+			}
+		);
+		
+		responseData.success = true;
+		responseData.products = data;
+		
+		res.json( responseData );
+		
+	} catch ( error ) {
+		responseData.error = error.message;
+		res.status( 500 ).json( responseData  );
+	}
+}