junaid33/opensource.builders

Self-host images and pull latest star count on each build

Open

#109 geöffnet am 1. März 2020

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (1.306 Stars) (189 Forks)user submission
good first issue

Beschreibung

For now, we are manually adding stars for each project and linking to images online. We should use gatsby-transformer-json to get the latest star count and also download the images from the links so we don't have a ton of external requests.

Unfortunately, I'm not experienced with gatsby-transformer-json to do this so if anyone has an example or can point to documentation, please link it below.

Contributor Guide

Tech Stack
typescriptreactgraphqlnodejs
Domain
full stackbuild systemperformance
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
Basic Gatsby knowledgeFamiliarity with gatsby transformer json
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Research how gatsby transformer json works by looking at its documentation and examples. In particular, understand how to source external JSON data (like GitHub API for star count) and cache/download images during build. The implementation should involve updating gatsby config.js to use the transformer and creating relevant GraphQL queries. Check the repository's existing code to see how data is currently handled.