SOURCE

Adding Search To Your Site In 15 Minutes

Properties1
tagsweb-dev, site-search, jamstack, static-sites, third-party-js
AUTHOR
Leonardo Losoviz
PUBLISHED
2022-06-14
ORIGINAL
view original

3 min read

Adding Search To Your Site In 15 Minutes

Author: Leonardo Losoviz | Published: 2022-06-14 | Source: Smashing Magazine · article

Summary

A how-to that introduces the wiki’s Site Search concept. Running a static-site (Jamstack) build on a CDN, the author avoids building a type-ahead UI from scratch and instead adopts Site Search 360, a hosted SaaS search service: sign up, it crawls and indexes the site from the public Internet with no config, you style the UI in a no-code “Search Designer,” and it emits a JS snippet pasted before </body>. On redeploy, search is live in under 15 minutes. He further customizes with “Result Groups” (splitting results by URL pattern into categories) and mobile CSS tweaks.

The durable, source-independent lesson is architectural: static/Jamstack sites have no server to query at request time, so search is added via a client-side JS layer or an external hosted index — one point on a spectrum that also includes self-hosted/build-time indexes (e.g. Pagefind) and server/API-backed search. The article itself is a promotional single-product walkthrough, so its “superpower”/“stands out from competitors” language is marketing.

Key Claims

  • Search added to a live Jamstack/CDN site in under 15 minutes. (demonstrated on the author’s own site)
  • The service indexes from the open Internet with no configuration. (demonstrated)
  • Integration is a single JS snippet before </body>; result data auto-extracted from <meta> tags. (demonstrated)
  • No-code Search Designer; 19 languages; restyle/republish without re-pasting code. (demonstrated)
  • “Result Groups” split results by URL pattern into grouped dropdowns/tabs. (demonstrated)
  • Paid tiers add faceted filters + AI-powered semantic eCommerce search. (marketing, untested)

Notable quotes

“Jamstack doesn’t mean ‘static’ — we can perfectly create fully dynamic sites powered by JavaScript on the client-side interacting with (mostly third-party) APIs. Search falls within this category.”

Why citable: Frames hosted client-side search as the Jamstack-native way to add dynamic features to a static build — the architectural crux of Site Search.

Connections

Entities mentioned: Leonardo Losoviz, Smashing Magazine, Site Search 360, Google, WordPress · Jamstack/SSG/CDN, Google Analytics/Tag Manager (minor) Concepts referenced: Site Search, Web Architecture & Scalability, Rendering Strategies (CSR / SSR / SSG / ISR / RSC)

Contradictions / Tensions

  • Commercial bias (significant): reads as a sponsored walkthrough — no comparison to alternatives (Pagefind, Algolia), no discussion of cost-at-scale, vendor lock-in, or third-party-JS performance/privacy cost. Product-superiority claims are creator-opinion; the architecture point is the keeper.
  • Recency: 2022 — its “AI semantic search” predates the LLM era and should not be conflated with current AEO.

Notes

Seeds Site Search with the hosted-crawl approach; future sources on self-hosted/build-time indexes should aggregate there to map the full spectrum.