HTTP API

curl -s "https://app.ekoo.co/ws/websites/{websiteId}/products?limit=5" \
  -H "Accept: application/json"

// app/products/[ref]/page.tsx — Next.js App Router (Server Component)
import { notFound } from 'next/navigation'
import type { EkooProduct } from '@/lib/ekoo-types'
 
async function fetchEkooProduct(ref: string, locale: string) {
  const url = `https://app.ekoo.co/ws/websites/${process.env.EKOO_WEBSITE_ID}/products/${ref}?locale=${locale}&variant=homepage`
  const res = await fetch(url, { next: { revalidate: 300 } })
  if (!res.ok) return null
  return (await res.json()) as EkooProduct
}
 
export default async function ProductPage({
  params
}: { params: Promise<{ ref: string }> }) {
  const { ref } = await params
  const product = await fetchEkooProduct(ref, 'en')
  if (!product) notFound()
 
  const primary = product.reviews.find((r) => r.is_default && r.is_active)
 
  return (
    <article>
      {primary?.transcript && (
        <section aria-label="Audio review transcript">
          <h2>What our customers say</h2>
          <blockquote>{primary.transcript}</blockquote>
          <cite>{primary.user.firstname} {primary.user.lastname}</cite>
        </section>
      )}
 
      {/* The Ekoo widget hydrates on the client and takes over */}
      <ekoo-widget
        data-ekoo={process.env.EKOO_WEBSITE_ID}
        data-ekoo-product-id={ref}
        data-ekoo-locale="en"
        data-ekoo-variant="homepage"
      />
    </article>
  )
}

{
  "type": "ERR_DB_MISSING",
  "message": "error-message-not-found"
}