· Home

myframely `/api/v1` demo

Exercises all three response shapes (JSON / HTML fragment / web component) against a single URL. Server-loads via the authenticated path; web-component live-fetch uses /demo/proxy as a stand-in for a consumer's backend proxy.

1. JSON shape=json

{
  "url": "https://www.ft.com/content/955f2421-7dc6-4bea-9501-b8646c8ba0a1",
  "canonical": "https://www.ft.com/content/955f2421-7dc6-4bea-9501-b8646c8ba0a1",
  "title": "The best of TV and streaming this week",
  "description": "A reboot of Stephen King’s classic ‘Carrie’, endearing romcom ‘Break Clause’ and more. Reviews by Rebecca Nicholson",
  "siteName": "ft.com",
  "siteLogoUrl": "https://storage.mostly.film/myframely/logo/ft.com/5fb2d7348498ecb154ad8f8085d8fdbba464c500.svg",
  "favicon": "https://images.ft.com/v3/image/raw/ftlogo-v1%3Abrand-ft-logo-square-coloured?source=page-kit&format=svg",
  "images": {
    "thumbnail": "https://storage.mostly.film/myframely/previews/64df81c9-d1b9-4806-899d-8ce365547acb/0a45d4ed2f76.jpg",
    "hero": "https://storage.mostly.film/myframely/previews/64df81c9-d1b9-4806-899d-8ce365547acb/7a8963638f18.jpg",
    "origin": "https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F04ade95c-83b7-4b3b-bd38-f7d89ef5bb1c.jpg?source=next-article&fit=scale-down&quality=highest&width=700&dpr=1"
  },
  "provider": null,
  "fetchedAt": "2026-10-13T15:36:42.268Z"
}

2. HTML fragment shape=html

raw thumbnail HTML

<div class="mPreview_card" data-variant="thumbnail"><a class="mPreview_link" href="https://www.ft.com/content/955f2421-7dc6-4bea-9501-b8646c8ba0a1" target="_blank" rel="noopener nofollow"><img class="mPreview_thumb" src="https://storage.mostly.film/myframely/previews/64df81c9-d1b9-4806-899d-8ce365547acb/0a45d4ed2f76.jpg" alt="" loading="lazy"><div class="mPreview_body"><h3 class="mPreview_title">The best of TV and streaming this week</h3><p class="mPreview_description">A reboot of Stephen King’s classic ‘Carrie’, endearing romcom ‘Break Clause’ and more. Reviews by Rebecca Nicholson</p><div class="mPreview_meta"><img class="mPreview_logo" src="https://storage.mostly.film/myframely/logo/ft.com/5fb2d7348498ecb154ad8f8085d8fdbba464c500.svg" alt="" loading="lazy"><span class="mPreview_site">ft.com</span></div></div></a></div>

3. Web component (pre-fetched) <myframely-card preview=...>

default

theme="dark"

variant="hero"

themed via --mPreview-* (small/tight)

4. Web component (live-fetch) <myframely-card url=... endpoint=/demo/proxy>

This component fetches the preview from /demo/proxy on mount, no pre-serialized attribute. Simulates the pattern a consumer would use if they proxy the preview call through their own backend.