Catalyst Essentials

This Catalyst project supports the lab work for BigCommerce Catalyst Essentials.

Prerequisites

• Node.js 20 or later

Getting Started

Copy the starter branch.

pnpm create next-app@latest -e \
  https://github.com/bigcommerce-edu/lab-catalyst-faqs/tree/starter \
  /path/to/working/directory

Product FAQs

Custom query/component to load "FAQs" on product detail page.

Requires metafields on a product matching the following details:

• namespace: "FAQ"
• permission: "read_and_sf_access"
• value: JSON string matching the following schema:

{
  "question": "Question string",
  "answer": "Answer string"
}

Labs

Lab 1

Completed lab state

• Step 1 diff
• Step 2 diff
• Step 3 diff

Full lab diff

Lab 2

Fresh setup:

pnpm create next-app@latest -e \
  https://github.com/bigcommerce-edu/lab-catalyst-faqs/tree/lab-faq-enhancements-start /path/to/working/directory

Completed lab state

• Step 2 diff
• Step 3.1 diff
• Step 3.2 diff
• Step 4.1 diff
• Step 4.2 diff
• Step 4.3 diff

Full lab diff