DOC-7143: Add a scripted Redis Data Integration interactive demo

[paoloredis]

A browser-only demo for the Iris launch, in the same style and with the same food delivery sample data as the other Iris demos, here as PostgreSQL tables. Readers deploy a pipeline as hashes or JSON and watch the initial sync write default keys; run inserts, updates, and a delete and follow each change through PostgreSQL, the collector, and the stream processor into Redis; and deploy a job file for customers, with an annotated key expression and remove_field step, then see that a job only affects new changes, that a reset leaves the old keys, and that only a flush cleans up.

Key patterns, opcodes, type mapping, config.yaml and job syntax, the redis-di status layout, and the reset and flush behavior follow the RDI docs. The data and timings are illustrative.

---

Note

Low Risk
Documentation and static front-end only; no production services, auth, or data paths are touched.

Overview
Adds a browser-only Redis Data Integration (RDI) interactive demo for the Iris docs: a new page under Data Integration, a Hugo rdi-demo shortcode, and client-side assets (rdi-demo.js / rdi-demo.css) that reuse the Context Retriever demo look and food-delivery sample data.

Readers walk through three tabs—initial sync (hash vs JSON, deploy, snapshot to default keys), CDC (pick SQL inserts/updates/deletes and trace PostgreSQL → collector → stream processor → Redis), and job files (annotated customers job with remove_field and customer:{id} keys, then update / reset / flush to show jobs only affecting new changes and leftover keys). Config, job YAML, opcodes, and redis-di status output are modeled to match RDI docs; nothing calls a real pipeline.

The Data Integration index Quick example section now links to this demo as a no-setup alternative to the quick start.

^{Reviewed by Cursor Bugbot for commit fdca4a5. Bugbot is set up for automated code reviews on this repo. Configure here.}

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[github-actions]

DOC-7143

[github-actions]

🧠 Redis Memory

Found 5 related items from repository history (5 new this commit):

• Commit — DOC-7113: Add a scripted Context Retriever interactive demo 🆕

  DOC-7113: Add a scripted Context Retriever interactive demo

• PR — DOC-7113: Add a scripted Context Retriever interactive demo 🆕

  Adds a browser-only demo page for Redis Context Retriever, to promote the Redis Iris GA. Sample data from a fictional food delivery app (cus

• PR — DOC-7126: Add a scripted LangCache interactive demo 🆕

  A browser-only demo for the Iris launch, in the same style and with the same food delivery sample data as the Context Retriever and Agent Me

• Commit — DOC-7126: Add a scripted LangCache interactive demo 🆕

  DOC-7126: Add a scripted LangCache interactive demo

• PR — Restyle Iris/AI context-engine tiles and update self-managed messaging 🆕

  • Add a tile-card shortcode matching the integrate page's card style (colored swatch, uppercase mono label, description, "Learn more" link)

Memory updated at fdca4a5

[github-actions]

Staging links:
https://redis.io/docs/staging/DOC-7143/develop/ai/context-engine/data-integration/
https://redis.io/docs/staging/DOC-7143/develop/ai/context-engine/data-integration/interactive-demo/

[mich-elle-luna]

thank you!