Description
When users share their Ossfolio link on Twitter, LinkedIn, or Discord, the platform currently renders a generic, default meta image. This is a massive missed opportunity for viral marketing and personal branding. The preview should instantly communicate the specific developer's identity and stats to maximize click-through rates.
Proposed Solution
- Implement dynamic SEO
<meta> tags across the portfolio generation pipeline, dynamically injecting the user's name, bio, and primary tech stack into the page headers.
- Engineer a dynamic OpenGraph image generation endpoint utilizing Vercel's
@vercel/og library (or similar HTML-to-Image technology).
- When a social platform scrapes the user's URL (e.g.,
ossfolio.com/username), the endpoint must instantly intercept the request and construct an SVG/Canvas layout.
- The layout should dynamically render the user's avatar, their total GitHub stars, total PRs, and their top 3 languages into a sleek, branded image (e.g., 1200x630px).
- This guarantees that every shared Ossfolio link looks incredibly professional, acts as a highly effective digital business card, and drastically increases the virality and click-through rate of the platform.
Description
When users share their Ossfolio link on Twitter, LinkedIn, or Discord, the platform currently renders a generic, default meta image. This is a massive missed opportunity for viral marketing and personal branding. The preview should instantly communicate the specific developer's identity and stats to maximize click-through rates.
Proposed Solution
<meta>tags across the portfolio generation pipeline, dynamically injecting the user's name, bio, and primary tech stack into the page headers.@vercel/oglibrary (or similar HTML-to-Image technology).ossfolio.com/username), the endpoint must instantly intercept the request and construct an SVG/Canvas layout.