BusinessPlus Connect (Developer)

Complete Next.js Headless Storefront Reference

A complete, copyable Next.js 14 App Router reference implementation demonstrating public catalog browsing, product details, server-side order creation, and payment verification.

Environment Variables Configuration (.env.local)

Create a .env.local file in your project root. Distinguish public identifiers from secret credentials:

API Client Library: lib/businessplus.ts

Centralize public storefront queries and server-authenticated operations in a dedicated utility library:

Catalogue Listing Page: app/shop/page.tsx

Server Component that renders products with instant search and filter controls:

Product Detail Page: app/shop/[slug]/page.tsx

Renders complete specifications and dynamically switches between checkout and quotation CTAs based on commerce.mode:

Secure Order Route Handler: app/api/orders/route.ts

Next.js Route Handler that verifies payload, generates an idempotency key, dispatches to BusinessPlus, and configures the payment return URL: