75 of our 76 pages get their social card from one route, and the home page is the exception
Nakodo's sitemap has 76 public URLs. 75 of them get a social card drawn by one catch-all route. The home page does not, and that asymmetry is the part worth writing down, because it is the thing people get wrong when they reach for opengraph-image.tsx and then try to make it dynamic. You can check the split from a terminal right now: $ curl -s https://nakodo.app/ | grep -o 'og:image"…
The Nakodo website's sitemap consists of 76 public URLs, with 75 of them sharing a catch-all route for their social card. The only exception is the home page, which generates its own unique social card. This discrepancy has led to misunderstandings when attempting to dynamically generate the social card. By checking the split from the terminal, it is evident that there are two different mechanisms in place on different pages of the same site.
The home page's special treatment arises from the opengraph-image.tsx file convention, which automatically wires the required metadata. However, this convention becomes less helpful when dealing with a content site that requires a social card per page. To overcome this limitation, the site utilizes a route (/og/[...path]/route.tsx) where the card for each page is generated dynamically.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
