Overview
There's no way for a third-party site (a partner, an ecosystem directory, a content creator) to embed a live YieldLadder vault card on their own page. This issue builds a small embeddable widget for exactly that.
Problem
The existing vault cards (on the landing page and dashboard) only exist as part of the main Next.js app — there's no standalone, iframe-embeddable version, and no distribution mechanism for third parties to showcase live YieldLadder data on their own sites.
Proposed Solution
- New route
app/src/app/embed/vault/[tier]/page.tsx, rendered with a minimal layout (no nav/footer, just the single vault card) suitable for embedding in an <iframe>.
- Shows live APY and tier parameters using the same data hooks as the existing dashboard cards.
- Includes a small "Powered by YieldLadder" attribution link back to the main site.
- Publish embed instructions (an example
<iframe> snippet with configurable width/height) on the /developers page (NF-31).
- Set appropriate CSP/
X-Frame-Options headers so the embed route specifically allows iframing while the rest of the app remains protected against clickjacking.
Acceptance Criteria
Overview
There's no way for a third-party site (a partner, an ecosystem directory, a content creator) to embed a live YieldLadder vault card on their own page. This issue builds a small embeddable widget for exactly that.
Problem
The existing vault cards (on the landing page and dashboard) only exist as part of the main Next.js app — there's no standalone, iframe-embeddable version, and no distribution mechanism for third parties to showcase live YieldLadder data on their own sites.
Proposed Solution
app/src/app/embed/vault/[tier]/page.tsx, rendered with a minimal layout (no nav/footer, just the single vault card) suitable for embedding in an<iframe>.<iframe>snippet with configurable width/height) on the/developerspage (NF-31).X-Frame-Optionsheaders so the embed route specifically allows iframing while the rest of the app remains protected against clickjacking.Acceptance Criteria
<iframe>with no layout breakage/developers(NF-31)