Build on the BGSOF API

import { BGSofClient, useBGSof } from '@bgsof/react'

// Settings → API in your Manufacturer dashboard
const client = new BGSofClient({
  apiKey: 'mfr_live_••••••••',
})

export function ProductCatalog() {
  const { products, loading } = useBGSof({
    brand: 'Kohler',
    category: 'faucets',
  })
  if (loading) return <Spinner />
  return <ProductGrid items={products} />
}

import BGSofSDK

// Settings → API in your Manufacturer dashboard
let client = BGSofClient(
  apiKey: "mfr_live_••••••••"
)

Task {
  let catalog = try await client.products.list(
    brand: "Kohler",
    category: .faucets
  )
  await MainActor.run {
    self.products = catalog.items
  }
}

import com.bgsof.sdk.BGSofClient
import com.bgsof.sdk.Category

// Settings → API in your Manufacturer dashboard
val client = BGSofClient("mfr_live_••••••••")

lifecycleScope.launch {
  val catalog = client.products.list(
    brand = "Kohler",
    category = Category.FAUCETS
  )
  adapter.submitList(catalog.items)
}

<script>
  import { getProducts } from '@bgsof/svelte'

  // Settings → API in your Manufacturer dashboard
  const catalog = getProducts({
    apiKey: 'mfr_live_••••••••',
    brand: 'Kohler',
    category: 'faucets',
  })
</script>

{#await catalog}
  <Spinner />
{:then items}
  <ProductGrid {items} />
{/await}