Skip to content

demo: Instagram ad interests starter#54

Open
tnunamak wants to merge 2 commits intomainfrom
demo/instagram-ad-interests
Open

demo: Instagram ad interests starter#54
tnunamak wants to merge 2 commits intomainfrom
demo/instagram-ad-interests

Conversation

@tnunamak
Copy link
Member

Summary

  • Configures the nextjs-starter example to request instagram.ads and instagram.profile scopes
  • Replaces raw JSON display with typed ProfileCard (avatar, follower stats) and AdInsightsCard (topic/advertiser tags) components
  • For a partner demo — demonstrates the SDK works with non-ChatGPT data sources

Test plan

  • pnpm install && pnpm dev in examples/nextjs-starter
  • Verify UI renders at http://localhost:3001 — "Ad Insights" page with "Connect Instagram" button
  • Verify session creation works with a valid VANA_PRIVATE_KEY
  • Verify data display renders correctly when grant is approved and data is fetched

🤖 Generated with Claude Code

Change the starter example to request instagram.ads and instagram.profile
scopes, and render the data with typed ProfileCard and AdInsightsCard
components instead of a raw JSON dump. For the demo with a partner.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Mar 12, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
connect Ready Ready Preview Mar 12, 2026 8:29pm

Request Review

The Personal Server returns data in schema envelopes:
  { "instagram.ads": { data: { advertisers, ... } } }
Unwrap both the API response envelope and schema envelope
so ProfileCard and AdInsightsCard render correctly.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant