Sitecore OrderCloud Headstart Installation Guide – Part 7

Getting Started with Sitecore OrderCloud Headstart: A Local Installation Guide Series

This blog post will guide you through the process of setting up and running the Buyer UI Application. The steps are similar to running the Seller UI application, with just a few changes.

• Go to the src\UI\Buyer\src\environments\environment.local.ts file.

• Update the necessary values in the file.

const localBuyerApiClient = 'Buyer_Client_Id_From_Seed_Response, 
const useLocalMiddleware = true const useLocalBuyerApiClient = true // set to true for running integration events locally 
const localMiddlewareURL = 'Your_Local_Middleware_URL'

• Save the file

• Go to the src\UI\Buyer\src\assets\appConfigs\defaultbuyer-test.json

• Update the necessary values in the file

"clientID":"Buyer_Client_Id_From_Seed_Response",
"baseUrl":"http://localhost:4200",
"middlewareUrl":"https://localhost:5001",
"translateBlobUrl":"http://127.0.0.1:10000/devstoreaccount1/ngx-translate/i18n/",
"marketplaceID":"Your_MarketPlace_ID",
"marketplaceName":"Your_MarketPlace_Name",
"orderCloudApiUrl":"Your_Sandbox_URL",

• Save the file

• Navigate to src\UI\Buyer\ from Visual Studio Terminal

• After navigating to the buyer application directory, run the below command in the terminal window to install the necessary dependencies for the Buyer UI Application

npm install

• Some might encounter the below error while running the above command

• To resolve this run the below command which resolves the issue

npm config set legacy-peer-deps true

• Then clean the cache and run npm install

npm cache clean --force  
npm install

• Now you’ll able to install the dependencies without any issue

• On successful installation use npm run start to start the Buyer UI application

• The Buyer UI Application will start and it launches on the browser

The installation of OrderCloud Headstart application has been successfully completed on the local environment. Now, you can explore and experiment with the solution.

Have fun Sitecoring!

References

https://thedebugdude.com/category/ordercloud-headstart/

https://sandeeppote.com/2022/04/11/setup-sitecore-ordercloud-headstart-project-series/