Metadata preview

How each route looks when shared (iMessage, Slack, Discord, Twitter, etc. — they all render approximately this same card from the OG tags). Built from lib/metadata.ts + the live OG image routes — same source of truth the real share preview uses.

Dashboard + built-ins

Host routes — metadata + OG image generated from lib/metadata.ts.

Dashboard

/
web-tools
tools.donjor.net
web-tools
A suite of browser-based tools — a card-grid dashboard for built-in and external utilities.
raw meta
path
/
canonical
https://tools.donjor.net/
title
web-tools
description
A suite of browser-based tools — a card-grid dashboard for built-in and external utilities.
og:title
web-tools
og:description
A suite of browser-based tools — a card-grid dashboard for built-in and external utilities.
og:url
https://tools.donjor.net
og:image
/opengraph-image
twitter:card
summary_large_image
twitter:title
web-tools
twitter:description
A suite of browser-based tools — a card-grid dashboard for built-in and external utilities.

Calculator

/calculator
Calculator · web-tools
tools.donjor.net
Calculator
A simple keyboard-friendly web calculator.
raw meta
path
/calculator
canonical
https://tools.donjor.net/calculator
title
Calculator
description
A simple keyboard-friendly web calculator.
og:title
Calculator · web-tools
og:description
A simple keyboard-friendly web calculator.
og:url
https://tools.donjor.net/calculator
og:image
/calculator/opengraph-image
twitter:card
summary_large_image
twitter:title
Calculator · web-tools
twitter:description
A simple keyboard-friendly web calculator.

Todo

/todo
Todo · web-tools
tools.donjor.net
Todo
A todo list stored in your browser (localStorage).
raw meta
path
/todo
canonical
https://tools.donjor.net/todo
title
Todo
description
A todo list stored in your browser (localStorage).
og:title
Todo · web-tools
og:description
A todo list stored in your browser (localStorage).
og:url
https://tools.donjor.net/todo
og:image
/todo/opengraph-image
twitter:card
summary_large_image
twitter:title
Todo · web-tools
twitter:description
A todo list stored in your browser (localStorage).

External tools (host-managed landing)

Externals run on their own subdomains, but the dashboard links via /external/<slug> so every share carries host-managed metadata. Click-through opens the real subdomain.

R3F Examples

/external/r3f-examples
R3F Examples · web-tools
tools.donjor.net
R3F Examples
A gallery of React Three Fiber scenes (Vite).
raw meta
path
/external/r3f-examples
canonical
https://tools.donjor.net/external/r3f-examples
title
R3F Examples
description
A gallery of React Three Fiber scenes (Vite).
og:title
R3F Examples · web-tools
og:description
A gallery of React Three Fiber scenes (Vite).
og:url
https://tools.donjor.net/external/r3f-examples
og:image
/external/r3f-examples/opengraph-image
twitter:card
summary_large_image
twitter:title
R3F Examples · web-tools
twitter:description
A gallery of React Three Fiber scenes (Vite).