Skip to content

feat(og): dynamic package-themed OG images #835

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
AlemTuzlak wants to merge 20 commits into
base: main
Choose a base branch
from
Open

feat(og): dynamic package-themed OG images #835

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
a6012a0
chore: add satori and resvg-js for dynamic OG image generation
AlemTuzlak Apr 17, 2026
b592824
chore: add Inter TTF fonts for Satori OG generation
AlemTuzlak Apr 17, 2026
0b6a345
feat(og): add library accent color map
AlemTuzlak Apr 17, 2026
04e3e89
feat(og): module-scope loader for Satori fonts and island asset
AlemTuzlak Apr 17, 2026
16e87c9
feat(og): Satori JSX template for package OG images
AlemTuzlak Apr 17, 2026
0761d60
feat(og): PNG generator via Satori and resvg
AlemTuzlak Apr 17, 2026
6c93fc2
chore(og): add preview script for local visual verification
AlemTuzlak Apr 17, 2026
b1922f2
feat(og): add doc-title slot between library name and description
AlemTuzlak Apr 17, 2026
7806862
feat(og): /api/og/:library.png resource route with CDN cache headers
AlemTuzlak Apr 17, 2026
78dee67
test(smoke): cover /api/og endpoint with status + content-type assert…
AlemTuzlak Apr 17, 2026
c4719be
feat(og): ogImageUrl helper for SEO call sites
AlemTuzlak Apr 17, 2026
94d8f61
feat(og): use generated OG image on library landing pages
AlemTuzlak Apr 17, 2026
3e25049
feat(og): use generated OG image on docs pages
AlemTuzlak Apr 17, 2026
3fba411
chore(og): remove unused static ogImage fields from libraries
AlemTuzlak Apr 17, 2026
e637312
fix(og): clamp title length, drop unused color export, include fonts …
AlemTuzlak Apr 17, 2026
336e8fa
ci: apply automated fixes
autofix-ci[bot] Apr 17, 2026
a5709f5
feat(og): separate pitch slot from description, fix slot order
AlemTuzlak Apr 17, 2026
7176aa1
feat(og): show pitch only on landing pages (no doc title or description)
AlemTuzlak Apr 17, 2026
240c53f
fix(og): add empty alt to decorative island img for lint
AlemTuzlak Apr 17, 2026
f92192b
Merge branch 'main' into feat/dynamic-og-images
LadyBluenotes Apr 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,4 @@ test-results
.eslintcache
.tsbuildinfo
src/routeTree.gen.ts
.og-preview/
5 changes: 5 additions & 0 deletions netlify.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,11 @@ publish = "dist/client"

[functions]
directory = "netlify/functions"
included_files = [
"public/fonts/Inter-Regular.ttf",
"public/fonts/Inter-ExtraBold.ttf",
"public/images/logos/splash-dark.png",
]

[[headers]]
for = "/*"
Expand Down
2 changes: 2 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@
"@radix-ui/react-tooltip": "^1.2.8",
"@react-three/drei": "^10.7.7",
"@react-three/fiber": "^9.5.0",
"@resvg/resvg-js": "^2.6.2",
"@sentry/browser": "^10.47.0",
"@sentry/node": "^10.47.0",
"@sentry/tanstackstart-react": "^10.47.0",
Expand Down Expand Up @@ -102,6 +103,7 @@
"remark-rehype": "^11.1.2",
"remove-markdown": "^0.6.3",
"resend": "^6.10.0",
"satori": "^0.26.0",
"shiki": "^4.0.2",
"tailwind-merge": "^3.5.0",
"tar-stream": "^3.1.8",
Expand Down
Loading
Loading