Improve look of twitter previews

[DecampsRenan]

Right now twitter preview works, but it is very minimal:

Maybe we can make them better match the site design and colors

cf. :

• https://astro-embed.netlify.app/components/twitter/#custom-properties-api
• https://astro-embed.netlify.app/components/twitter/#styling-the-tweet-component

[heloise-gllm]

Option 1:

We can use react-tweet from vercel.app

It allows to get the Tweet during build time and then we vustomize the render to follow our design system.

+ We can handle images and videos (not playing but display at least)

Tradefoffs:

• Unofficial syndication API: the endpoint used by react-tweet is not publicly documented by X. Stable for years but can change or disappear without notice. If it does, no new tweets will render (old ones survive from the previous build until migration).
• "Light" GDPR exposure: image/video requests to twimg.com passively expose the visitor's IP to X on load. Less invasive than widgets.js (no cookies/fingerprint) but still a third-party data transfer. Worth mentioning in the privacy policy if you're strict.
• Slower build: one API fetch per tweet. Negligible for a handful, worth watching if you embed dozens.
• Images not optimized by Astro: served directly from twimg.com (no auto WebP, no responsive srcset). Fixable later with Astro's + remotePatterns if needed.

---

Option 2:

In the documentation, we can add
<script async src="https://platform.twitter.com/widgets.js"></script>
so that javascript hydrates the tweet html part and reder it as follows :

Tradeoffs :

• External ~80KB request on every visit → degraded perf (especially mobile)
• Possible CLS (tweet shifting on load) → SEO penalty via Core Web Vitals
• X tracking: visitor IP + Referer sent to Twitter/X on every page view
• GDPR: typically requires a consent banner in France before loading
• Third-party cookies dropped
• CSP must be updated in vercel.ts:26 (script-src)
• External dependency (breaks if X is down or changes API)
• Must be added to both FR and EN article layouts (duplication)
• Loaded on every article page, even those without a tweet (unless conditional logic added)