Skip to main content

​
Quickstart

Clone this repo, add your Channel3 API key, and build your own AI-powered shopping search application! 🎉

​
Details

The Agentic Storefront (Basket) is a Next.js starter that demonstrates AI-powered product search with Channel3. It features two distinct search modes:
  • Quick Mode: Direct text or image search sent straight to Channel3 for instant results.
  • Smart Mode: AI-assisted search that generates multiple optimized queries, searches in parallel, and deduplicates results for more comprehensive product discovery.
Both modes support image uploads alongside text queries, enabling visual search where users can find products similar to images they provide. Homepage Search Results

​
Key capabilities

  • Dual search modes: Toggle between Quick (instant) and Smart (AI-optimized) search experiences.
  • Image-based search: Upload images alongside text queries to find visually similar products.
  • Multi-query AI search: Smart mode generates and executes multiple search variations in parallel for better coverage.
  • Channel3 SDK integration: Built on @channel3/sdk for seamless product catalog access.
  • React Query hooks: Efficient data fetching, caching, and loading state management.
  • Next.js App Router: Modern architecture with server actions and built-in caching.

​
When to use this

This is a great starting point if you want to:
  • Build a product search application with both simple and AI-enhanced search modes
  • Learn how to implement AI-generated search queries that expand user intent
  • Integrate visual search capabilities into your e-commerce experience
  • See patterns for using Channel3 with React Query and Next.js server actions
  • Start with a production-ready foundation that you can customize for your domain (fashion, home goods, etc.)
For installation, configuration, and deployment guidance, follow the instructions in the GitHub README linked above. https://github.com/channel3-ai/basket