BigCommerce’s library of React components lets developers build stylish apps that have a native BigCommerce feel at their core. The components implement BigDesign principles to allow us to create an empathetic and frictionless user experience. Each component has props that can be passed for further configuration. Step 1 :- Add BigDesign and styled-components to your… Continue reading BigDesign – Bigcommerce
Category: BigCommerce
Set up Firebase database
Cloud Firestore(opens in a new tab) is a cloud-hosted NoSQL Firebase database built on Google’s infrastructure Create a Firebase project Sign in to Cloud Firestore(opens in a new tab) using your Google account. To create a Google account, visit the Google signup page(opens in a new tab). Once logged in, click Go to console in the top right corner. In the… Continue reading Set up Firebase database
Build and embed a BigCommerce app using Node.js
Step 1 : Clone Nodejs App from Github Step 2 : Create .env file in the rootfolder. Step3 : Add Authcallback, Client ID, Client Secret, Firebase details such as Firebase API key, Domain Name and Project ID. Step 3 : Start ngrok from project rootfolder usng CLI command – ngrok http 3000. Step 4 :… Continue reading Build and embed a BigCommerce app using Node.js
JWT token creation using Big commerce customer identity
BigCommerce provides Customer Identity and Access Management(CIAM) capabilities for managing access to BigCommerce resources. If I’m building an application that needs to work on any BigCommerce store, then I need a way for BigCommerce to tell my API who the customer is. To identify the shopper before exposing any sensitive information, my application should rely on… Continue reading JWT token creation using Big commerce customer identity
Single-Click App OAuth Flow
Once the draft app is installed and app profile is created, the next step is to write the code grant authorization flow that generates a unique access token for each store that installs our app. The sequence is as follows: The merchant initiates installing the app by signing into their store control panel and clicking Install in the App… Continue reading Single-Click App OAuth Flow
Big Commerce: Webhooks
A webhooks notifies application when specific events occur on a Big Commerce store. Webhooks can be used to notify external applications when an order is placed, a customer is created, or a product is updated, among other things. Listening for events Webhooks fire when shoppers perform actions on the storefront and when users make changes… Continue reading Big Commerce: Webhooks
How to Test App Authentication Locally with ngrok
Install with npm Be sure you have Node.js installed on your computer. Run the following terminal command to confirm Node is installed and check your version:node -v Run npm install -g ngrok to install ngrok globally. You can now run ngrok commands from any directory. Install manually Head to https://ngrok.com/download and download the package that corresponds to your operating system. Unzip… Continue reading How to Test App Authentication Locally with ngrok
Big Commerce for WordPress plugin
Big Commerce for WordPress is a free WordPress plugin that lets use Big Commerce for site’s backend commerce functionality and use WordPress to manage frontend content and design. The technique of decoupling a site’s frontend presentation from its backend management is referred to as headless commerce, and the plugin pairs Big Commerce with WordPress with this… Continue reading Big Commerce for WordPress plugin
Big Commerce – Fetch Order by API call
To get order details from Big Commerce, Following API need to be used. Request: GEThttps://api.bigcommerce.com/stores/{store_hash}/v2/orders/{order_id} AuthenticationX-Auth-Token in header Parameters– store_hash in path – string– Accept in header with default of application/json – string – required– order_id in path – integer – required – ID of the order.Responses:1) 200 (success – Order object returned in responses)2)… Continue reading Big Commerce – Fetch Order by API call
Adding custom scripts to stencil themes
To do any customization on themes in big commerce, initially the theme needs to be downloaded. Downloading a theme from the control panel allows to have a copy on computer. A copy is needed if choose to develop a custom theme using the Stencil CLI. Making changes to your theme in CLI gives you full access… Continue reading Adding custom scripts to stencil themes