feat(web): add Open Graph and Twitter link previews

[RISHII7]

Summary

Promotes the Open Graph / Twitter link-preview feature from develop to main.

Shared links to the web app previewed as "404: This page could not be found" because the root redirects into the auth-gated dashboard. This adds:

• metadataBase + openGraph + twitter metadata on the root layout.
• A branded 1200×630 preview card generated via next/og (opengraph-image.tsx, re-exported as twitter-image.tsx).
• /opengraph-image + /twitter-image made public in proxy.ts so crawlers can fetch the image.

See CHANGELOG.md for details.

Summary by CodeRabbit

• New Features

  • Added branded social share previews for public links, including Open Graph and Twitter image support.
  • Updated preview metadata so shared links display consistent title, description, and image assets.

• Bug Fixes

  • Made preview image routes publicly accessible so link crawlers can generate rich previews without sign-in issues.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
echo	Ready	Preview, Comment	Jul 9, 2026 8:00am
echo-widget	Ready	Preview, Comment	Jul 9, 2026 8:00am

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 6001401f-4a93-4ce3-bdb0-289c00a4cb1d

📥 Commits

Reviewing files that changed from the base of the PR and between a977d3d and 4abb00f.

📒 Files selected for processing (5)

• CHANGELOG.md
• apps/web/app/layout.tsx
• apps/web/app/opengraph-image.tsx
• apps/web/app/twitter-image.tsx
• apps/web/proxy.ts

---

📝 Walkthrough

Walkthrough

Adds social link preview support: root layout metadata now derives from shared siteUrl/siteTitle/siteDescription constants, new next/og-based routes generate branded 1200×630 Open Graph and Twitter preview images, and the proxy middleware marks these image routes as public/org-free. Changelog updated accordingly.

Changes

Social Link Previews

Layer / File(s)	Summary
Root layout metadata constants apps/web/app/layout.tsx	Adds siteUrl, siteTitle, siteDescription constants and updates metadataBase, title, description, openGraph, and twitter fields to reference them instead of hard-coded literals.
Open Graph/Twitter image generation apps/web/app/opengraph-image.tsx, apps/web/app/twitter-image.tsx	Adds a new next/og route exporting alt, size, contentType, and a default OpengraphImage handler that renders a branded 1200×630 ImageResponse; twitter-image.tsx re-exports these same values.
Public route exemptions and changelog apps/web/proxy.ts, CHANGELOG.md	Expands isPublicRoute and isOrgFreeRoute matchers to include opengraph-image(.*) and twitter-image(.*), and documents the feature under Unreleased → Added.

Estimated code review effort: 2 (Simple) | ~15 minutes

Possibly related PRs

• RISHII7/echo#2: Both PRs extend Clerk auth "public route" bypass logic in apps/web/proxy.ts/middleware.ts.
• RISHII7/echo#31: Both PRs modify apps/web/proxy.ts's Clerk middleware route matcher logic.
• RISHII7/echo#34: Both PRs adjust apps/web/proxy.ts middleware route matchers, particularly isOrgFreeRoute.

✨ 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 develop

---

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.}