Make Octochangelog and Gumroad live demos (custom domains + screenshots)

[justin808]

What

Promotes two flagship demos to live, featured cards on the homepage "Live demos" section and the /examples page.

Octochangelog

• Live demo URL now points at the clean custom domain https://changelog.reactonrails.com (was the raw Control Plane URL rails-wt0q7a2r1svry.cpln.app).
• Screenshot added — it was the only featured demo without a thumbnail, so it rendered the branded text placeholder. Added a 1280×720 WebP to match the others.

Gumroad

• Live demo URL added: https://gumroad.reactonrails.com.
• Screenshot added (1280×720 WebP) and featured: true set, so the Gumroad card now shows a real thumbnail with a "View live demo" link and surfaces in the homepage "Live demos" row. Previously it had no demo URL or image and rendered "Demo coming soon".

Before / After

Octochangelog — card now shows the live showcase screenshot and links to the clean domain:

Gumroad — was "Demo coming soon" with the text placeholder; now a live, featured card:

Test plan

• npm run typecheck — passes.
• Both demo URLs verified live: https://changelog.reactonrails.com/ and https://gumroad.reactonrails.com/ return 200; Gumroad loads with no console errors.
• Screenshots are 1280×720 WebP, matching the existing demo thumbnails.

🤖 Generated with Claude Code

---

Note

Low Risk
Marketing-site demo constants only; no auth, APIs, or application logic.

Overview
Updates flagship demo metadata in demos.ts so Octochangelog uses https://changelog.reactonrails.com instead of the old Control Plane host and shows a real thumbnail via /img/demos/octochangelog.webp (no more placeholder on homepage and /examples).

Gumroad is brought in line with other featured demos: live link https://gumroad.reactonrails.com, screenshot path, and featured: true so it appears in the homepage “Live demos” grid.

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

Summary by CodeRabbit

• Chores
  • Updated the Octochangelog demo link to point to a new deployment location.

[coderabbitai]

Walkthrough

The PR updates the octochochangelog demo entry in the demos configuration, replacing its demoUrl with a new live deployment at https://changelog.reactonrails.com. The associated thumbnail image path remains unchanged.

Changes

Demo Configuration Update

Layer / File(s)	Summary
Demo URL replacement prototypes/docusaurus/src/constants/demos.ts	The octochochangelog demo's demoUrl is updated to point to the new production deployment at https://changelog.reactonrails.com.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related issues

• Add real screenshots/thumbnails for demo apps (homepage + /examples) #113: Related demo metadata modifications in the same demos.ts configuration file.

Possibly related PRs

• shakacode/reactonrails.com#117: Also modifies prototypes/docusaurus/src/constants/demos.ts to update demo entry configuration for the Live demos section.

Poem

🐰 A changelog URL hops into place,
From staging to production's warm embrace,
Old rails path fades like morning dew—
changelog.reactonrails.com shines fresh and true! 🌟

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	The title mentions updating Octochangelog and Gumroad demos with custom domains and screenshots, but the actual changeset only updates the Octochangelog demo; no Gumroad changes are present in the provided summary.	Revise the title to accurately reflect only the Octochangelog demo update, such as 'Update Octochangelog demo to use custom domain and add screenshot' to match the actual changes in this pull request.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch jg-conductor/update-examples-page

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[greptile-apps]

Greptile Summary

Updates the Octochangelog flagship demo entry to use a clean custom domain URL and adds a missing screenshot thumbnail so it renders consistently alongside the other featured demos.

• demos.ts: demoUrl changed from the raw Control Plane hostname (rails-wt0q7a2r1svry.cpln.app) to https://changelog.reactonrails.com, and an image field pointing to the new WebP added.
• octochangelog.webp: New 1280×720 WebP screenshot added under static/img/demos/, matching the convention used by every other featured demo.

Confidence Score: 5/5

Safe to merge — the change is a two-line data update and a new static asset with no logic changes.

The only touched code is a single object entry in the demos constant: one URL string replaced with a cleaner custom domain and one image path added. The new WebP file follows the exact naming convention of every other demo thumbnail, and the image path resolves correctly via Docusaurus's static directory. No logic, types, or other entries are affected.

No files require special attention.

Important Files Changed

Filename	Overview
prototypes/docusaurus/src/constants/demos.ts	Two-line update: replaces the raw cpln hostname with the custom domain and adds the image path — consistent with all other featured demo entries.
prototypes/docusaurus/static/img/demos/octochangelog.webp	New WebP screenshot asset added for the Octochangelog demo; path matches the image field set in demos.ts and follows the naming convention of all other demo thumbnails.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Demo card rendered] --> B{image field set?}
    B -- No --> C[Branded text placeholder]
    B -- Yes --> D[Thumbnail shown]
    D --> E[octochangelog.webp]
    A --> F{demoUrl set?}
    F -- Yes --> G[changelog.reactonrails.com]
    G -. was .-> H[rails-wt0q7a2r1svry.cpln.app]

Loading

_{Reviews (1): Last reviewed commit: "Point Octochangelog demo at changelog.re..." | Re-trigger Greptile}

[github-actions]

Cloudflare preview deployed.

• Branch: pr-120
• URL: https://5c70836e.reactonrails-com.pages.dev