我的书签
添加书签
移除书签How to (2)
Last updated Jul 8, 2026 These guides walk through common AI Search use cases, from no-code setups to full agent applications. Use the difficulty column to find the right place to start.
| Guide | Difficulty | What you build |
|---|---|---|
| Add search to your website | Beginner | Add a search bar, chat bubble, and search modal to a site with the prebuilt UI snippets. |
| Connect your AI Search to an MCP client | Beginner | Expose your indexed content as a search tool for any MCP client or AI assistant, with no code. |
| Create a simple search engine | Beginner | Query an instance from a Worker using the search binding. |
| Multitenancy | Intermediate | Keep each tenant's data separate with a per-tenant instance or a shared instance and metadata filtering. |
| Search multiple sources at once | Intermediate | Search a shared knowledge base and a tenant-specific one together in a single query. |
| Fetch and index single web pages | Intermediate | Use Browser Run to fetch a page's rendered HTML, index it, and search it from one Worker. |
| Bring your own generation model | Intermediate | Use AI Search for retrieval and an external model, such as OpenAI, for generation. |
| Show source citations in responses | Intermediate | Return AI-generated answers with citations to the source documents that informed them. |
| Human-in-the-loop knowledge base updates | Advanced | Build an agent that proposes new documents and pauses for human approval, with rollback. |
Was this helpful?
YesNo
On this page
Docs{"@context":"https://schema.org","@type":"WebPage","@id":"https://developers.cloudflare.com/ai-search/how-to/#page","headline":"How to","description":"Step-by-step guides for building search engines, per-tenant search, and other AI Search use cases.","url":"https://developers.cloudflare.com/ai-search/how-to/","inLanguage":"en","image":"https://developers.cloudflare.com/ai-search/how-to/og.png?v=ad57cb0ed01281c2","dateModified":"2026-07-08","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}
description: Create an AI Search instance that indexes your website, then add a search bar, chat bubble, and search modal to your React site with the UI snippet components. title: Add search to your website image: https://developers.cloudflare.com/ai-search/how-to/add-search-to-your-website/og.png?v=14764cbfbe4d2898
Documentation Index
Fetch the complete documentation index at: https://developers.cloudflare.com/ai-search/llms.txt
Use this file to discover all available pages before exploring further.
