Skip to content

feat(website): add branded favicon and OpenGraph support#7

Merged
sirily11 merged 2 commits into
mainfrom
copilot/add-favicon-and-opengraph-support
May 14, 2026
Merged

feat(website): add branded favicon and OpenGraph support#7
sirily11 merged 2 commits into
mainfrom
copilot/add-favicon-and-opengraph-support

Conversation

Copilot AI commented May 14, 2026

Copy link
Copy Markdown
Contributor

The website had no branded favicon and incomplete OpenGraph metadata — missing metadataBase, OG image, Twitter card, and several OG fields needed for correct social sharing previews.

Changes

app/icon.svg

  • New branded SVG favicon: "Rx" in terracotta (#D97757) on a dark rounded background
  • Served alongside the existing favicon.ico for modern browsers that prefer SVG

app/opengraph-image.tsx

  • Dynamic 1200×630 OG image via Next.js ImageResponse at the edge runtime
  • Design: dark background with subtle grid, "Rx" logo badge, headline with terracotta accent, macOS/agent sub-label
  • Next.js auto-wires this to og:image and twitter:image tags

app/layout.tsx

  • Added metadataBase (required for absolute OG image URLs) — defaults to https://rxcode.app, overridable via NEXT_PUBLIC_SITE_URL
  • Added openGraph.url, openGraph.siteName, openGraph.locale
  • Added twitter card (summary_large_image) with matching title/description

@vercel

vercel Bot commented May 14, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
rxcode Ready Ready Preview, Comment May 14, 2026 10:11am

Request Review

@autopilot-project-manager autopilot-project-manager Bot added the enhancement New feature or request label May 14, 2026
@sirily11 sirily11 marked this pull request as ready for review May 14, 2026 10:11
Copilot AI review requested due to automatic review settings May 14, 2026 10:11
@sirily11 sirily11 enabled auto-merge (squash) May 14, 2026 10:11

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a branded SVG favicon, a dynamically generated 1200×630 OpenGraph image, and completes OpenGraph/Twitter metadata in the website's root layout for proper social sharing previews.

Changes:

  • Introduces app/icon.svg for a modern SVG favicon.
  • Adds app/opengraph-image.tsx rendering an edge-runtime OG image via next/og.
  • Extends metadata in app/layout.tsx with metadataBase, OG url/siteName/locale, and a Twitter card.

Reviewed changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated no comments.

File Description
website/app/icon.svg New branded SVG favicon ("Rx" on dark rounded background).
website/app/opengraph-image.tsx New dynamic OG image route at the edge runtime.
website/app/layout.tsx Adds metadataBase, expanded OG fields, and Twitter card metadata.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@sirily11 sirily11 merged commit 5f7cd2d into main May 14, 2026
10 checks passed
@sirily11 sirily11 deleted the copilot/add-favicon-and-opengraph-support branch May 14, 2026 10:14
@sirily11

Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 1.1.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request released

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants