Migrate web examples to Render ReactiveSearch API

[siddharthlatest]

Summary

Migrates all packages/web/examples/* demos from legacy Appbase searchbase.io clusters to the self-hosted ReactiveSearch API on Render, unblocking Docs CodeSandbox embeds that load from tree/next.

Setting	Before	After
URL	https://appbase-demo-ansible-abxiydt-arc.searchbase.io (and embedded-credential variants)	https://reactivesearch-api-9-4-0.onrender.com
Credentials	Various per-demo keys (a03a1cb71321:…, 04717bb076f7:…, etc.)	d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0 (read-only)
API path	/_reactivesearch (legacy cluster default)	/_reactivesearch (unchanged; no .v3 references found)

101 files updated across standalone examples, SSR pages, and ssr-with-react-dom. Embedded credentials in URLs were split into explicit url + credentials props where needed.

P0 examples (Docs embeds)

Example	Index	CodeSandbox verification
MyAwesomeSearchStep1	good-books-ds	Open CSB
MyAwesomeSearchStep2	good-books-ds	Open CSB
MyAwesomeSearchStep3	good-books-ds	Open CSB
MyAwesomeSearchStep4	good-books-ds	Open CSB
MyAwesomeSearchStep5	good-books-ds	Open CSB
SearchBox	good-books-ds	Open CSB
ReactiveList	good-books-ds	Open CSB
SingleList	good-books-ds	Open CSB

Note: SearchBox, ReactiveList, and SingleList in this repo already target good-books-ds (not recipes-demo). No dataField changes were required.

Examples not migrated / caveats

Item	Reason
packages/web/examples/mongo-examples/*	Uses MongoDB Realm webhooks, not Appbase — left unchanged
Examples using non-good-books-ds indices (movies-demo-app, carstore-dataset, meetup_app, yc-companies-dataset, etc.)	Backend URL/credentials updated; index availability on Render should be verified per-demo
Render cold start	First CSB load may be slow on free/starter tier

Backend smoke test

curl -s -u "d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0" \
  -X POST "https://reactivesearch-api-9-4-0.onrender.com/good-books-ds/_reactivesearch" \
  -H 'content-type: application/json' \
  --data-raw '{"settings":{"recordAnalytics":false},"query":[{"id":"search","type":"search","dataField":["original_title"],"execute":true,"value":"gatsby","size":3}]}'

Returns Gatsby result ✅

Test plan

• rg searchbase.io packages/web/examples — zero matches
• curl smoke test against good-books-ds/_reactivesearch
• Verify P0 CodeSandbox previews load and search works (links above)
• Confirm no CORS errors from *.codesandbox.io origins
• After merge to next, Docs tree/next embeds pick up changes automatically

Coordination

Once CSB previews are verified, Docs team can either:

• Temporarily point P0 iframe URLs at tree/feat%2Fdemo-migration-render for pre-merge testing, or
• Merge this PR to next so existing tree/next embeds update automatically

Made with Cursor