Filter GitHub sponsor users list on the homepage about skeleton HOT 6 CLOSED

@endigo9740 @Mahmoud-zino Caching is automatically done on Github's API end via cache headers. No need to do anything special on our end 😄

from skeleton.

It's grid based, show it should just be a matter of trying different combinations. I believe we have ~100 unique contributors, so if we can manage to fit most/all at once that would be great. Vitest has a lot for example:

https://vitest.dev/

Just be mindful of performance since this is on the homepage!

The hard part shouldn't be the layout, it should be figuring out how to fetch this from GitHub. Right now I'm using a third party service that provides a restful call for this. Retrieving directly from GitHub would be ideal, but I believe the only option they provide is GraphQL based.

Maybe start there, look into retrieving the data. Then if you feel you need help with the layout, let me know. Happy to jump into a PR and edit directly as well

from skeleton.

correction: only 30 are showed at the moment.

@endigo9740 If you have a layout for the avatars in mind, I would be happy to implement it 👍

from skeleton.

@endigo9740 I just checked the docs, we are retrieving the contributors list from the official GitHub API:
https://api.github.com/repos/skeletonlabs/skeleton/contributors I wouldn't change this, I will just add per_page=100 queryparam to get 100 results at once (It is still very fast, you won't notice the difference between 30 and 100).
I think the performance hit will be in the avatar trying to load everything at once, so we can add lazy loading to that.

from skeleton.

@Mahmoud-zino good to know, that sounds much easier then! I do recall @AdrianGonz97 building some sort of caching into this to help with performance, but I don't recall the specifics. You might double check with him if you get a moment.

from skeleton.

Welp, that's easy!

from skeleton.