One CDN script tag. Zero build step. Zero backend. If you can write an <input>, you can ship search.
Get an API key, then test it against the live SearchJet index right here — no IDE, no build step.
Enter your email and we'll inject a working key straight into the sandbox below. No credit card. 10,000 free searches/month.
const searchjet = new SearchJet({
apiKey: '8e371cadae7aefedd3c99e41835df7ad709a27128c2a2d0c10ac408b1124c5a7',
indexName: 'products' // your index name
});
// Search as you type → instant results
const res = await searchjet.search('wireless headphones');
console.log(res.results); // ← live JSON below{
// Run a query above to see the live
// JSON response from the SearchJet API.
// Edge-cached, typo-tolerant, sub-50ms.
}This is the exact behaviour your static site gets from the script tag below.
Drop the CDN script into any page. No npm, no bundler, no framework. Works on GitHub Pages, Netlify, WordPress, or a plain HTML file.
Call through a tiny proxy route (or serverless function) and your API key never leaves the server. Same endpoint as the SDK.
Sub-second, typo-tolerant results served from the CDN edge. Static sites get the same search UX as app stores.
Pick the pattern you need — each snippet renders a working search UI out of the box.
The UI this snippet produces — search box + results list, plain DOM.
<!doctype html>
<html lang="en">
<body>
<input id="search" placeholder="Search this site…" />
<ul id="results"></ul>
<!-- 1. One CDN tag — the whole install -->
<script src="https://cdn.searchjet.io/connect/v1/searchjet.min.js"></script>
<script>
const searchjet = new SearchJet({
apiKey: '',
indexName: 'YOUR_INDEX'
});
// 2. Render results — plain DOM, zero dependencies
function renderResults(results) {
const list = document.getElementById('results');
list.innerHTML = results.length
? results.map(h => `<li><a href="${h.url}">${h.title}</a></li>`).join('')
: '<li>No results — try another term</li>';
}
// 3. Search as the user types
document.getElementById('search').addEventListener('input', async (e) => {
const { results } = await searchjet.search(e.target.value);
renderResults(results);
});
</script>
</body>
</html>Click YOUR_API_KEY in the code to generate your free key — it's injected instantly.
Drop one CDN script into your page. No npm install, no bundler, no build step.
Create the SearchJet client with your free API key and index name — then search.
Build your own list UI with plain DOM, or drop in our drop-in search components.
Free forever plan — 10,000 searches/month, no credit card.