[✨ feature] OpenGraph

[Fredkiss3]

Is your feature request related to a problem? Please describe.

We want beautiful OG images like for github, however to not usurpate github, the idea i have is to make the background dark and the foreground white (inverted colors).

We also want to make clean SEO like for github.

Describe the solution you'd like

Use nextjs metadata for filling the OG informations : https://nextjs.org/docs/app/building-your-application/optimizing/metadata
Use nextjs file based metadata to generate images : https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image

Describe alternatives you've considered
Nope

Additional context

You can use opengraph.xyz to inspect what to include in these pages

• Home : https://www.opengraph.xyz/url/https%3A%2F%2Fgithub.com%2FFredkiss3%2Fgh-next
  

• Single Issues : https://www.opengraph.xyz/url/https%3A%2F%2Fgithub.com%2FFredkiss3%2Fgh-next%2Fissues%2F45
  

• Issue list : https://www.opengraph.xyz/url/https%3A%2F%2Fgithub.com%2FFredkiss3%2Fgh-next%2Fissues

• User profile : https://www.opengraph.xyz/url/https%3A%2F%2Fgithub.com%2FFredkiss3

gists' opengraph images should show the code...

brb

• Are you willing to make a PR for this ?