Thank you!

[yekta]

Just wanted to drop by an say thank you for the library. I have a side project which is an open-source thesis search platform for theses that have been written in Turkey. I was using next/og and had memory leaks for months using standalone mode on a Linux server. After removing dynamic image generation the memory leak went away so I knew it was related to next/og. I searched for hours myself, checked the code file by file, asked LLMs and couldn't find a solution. My code seemed sound. Out of frustration and not having enough spare time to work on it, I just left it like that.

Then I came by your library in a Reddit post couple days ago. I immediately gave it a shot (switch was easy because of the work you did on compatibility). Some layouts were wrong for my images but I edited them in 30 minutes to be used with your library. Some time later I saw that it indeed worked and memory leak was gone. That would be a big difference for me as is but I also realized generating these images with your library is significantly faster. I didn't time how much faster but it's quite obvious.

So, thank you for this. One small recommendation: I think people seeing how much faster the library is compared to others (especially next/og) right on the README might be beneficial for the adoption of the library.

Lastly, here are two example images that are generated with takumi. I have different ones for different category of pages:

[kane50613]

First of all, thanks for giving Takumi a shot ❤️

May I know what layout issues you had during migration? would love to fix that and make the experience better!

Btw where's the Reddit post

[yekta]

Thank you. The Reddit post I came by is here: https://www.reddit.com/r/nextjs/comments/1mwjcqi/i_benchmarked_an_alternative_to_vercels_satori/

Regarding the migration: I'm not quite so sure why some stuff didn't work specifically, I simply worked around them to make them work without giving it much thought :D The only thing I can pinpoint is, word-break: break-word wasn't working but I just saw that it's a deprecated API.

I have the commit here but not only I switched to Takumi in that commit but also created a lot of components to share logic so it might be hard to understand what was causing issues to begin with:

yekta/tezara@daf3025

What I do recall generally is that the layout of the generated image didn't look the same. Some margin related stuff wasn't working as I would expect (again I don't remember the exact dynamics of the issue because I didn't pay attention). I didn't give it much thought because next/og has some behaviour that I wouldn't expect at all to begin with so trial and error worked fine.

I'm guessing that is not helpful but that's all I can provide for now.

[kane50613]

word-break: break-word is supported not long ago!

I do know there's some margin difference but I'm not sure if satori is correct or Takumi, need more investigation or to count pixel by pixel.

[yekta]

word-break: break-word is supported not long ago!

I do know there's some margin difference but I'm not sure if satori is correct or Takumi, need more investigation or to count pixel by pixel.

I definitely wouldn't claim satori is correct :) When I was using Satori things definitely felt off. Same was the case for Takumi but I don't know if it felt off because of the difference with Satori or actual CSS behaviour with HTML. I would have to actually test to provide anything meaningful. Otherwise it's just feelings and lose memories. I'm 100% happy with Takumi though. I don't see using next/og again because I had this memory leak problem twice, spent tens of hours on it and I don't want to deal with it ever again. Small layout, margin, padding, behaviour differences I don't really care about. Since I can understand them very fast and code in a way that achieves what I want. As opposed to my entire server going down because of a memory leak every single day :)

Regarding word break, I just switched to word-break: "normal", overflow-wrap: "break-word" apparently that's the new API I didn't know that. That works just fine with Takumi.