search

Developer-DAO / academy-turbo

D_D Academy is an open-source education platform created by and for Developer DAO.
https://academy.developerdao.com
MIT License
16 stars 10 forks source link

feat: Custom OG images for each page #217

Closed kempsterrrr closed 2 days ago

kempsterrrr commented 6 months ago

215 introduces a default meta image for every page across the site. While this is a significant improvement over no meta images, we still need custom meta images for each page. This is important because sharing links to lessons and tracks can deliver a much better UX. Examples below.

Current Default image

The image below appears on every page. In this image, we provide minimal information to the user.

default-meta-image

Example of improved image This shows the user more info in the image about what they're clicking and provides some variability in the branding aligned with the platform's internal branding. This looks better in the feed and will make a noticeable difference to the number of people who click these links, thus improving the academy's impact.

intro-to-eth-example

How do we do this?

  1. Automate the creation of this image via Vercel's of image generation lib
  2. Create them all manually

The work to automate this is not that large, so I recommend we do that as it will reduce workload as the platform scales.

kempsterrrr commented 6 months ago

This issue closes #214 once #215 is merged into master

kempsterrrr commented 2 days ago

Closing this issue as solve manually for now, we can open another in the future if we want to do this programmatically