junaid33/opensource.builders

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

Open

#109 opened on Mar 1, 2020

View on GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (1,306 stars) (189 forks)user submission
good first issue

Description

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
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic Gatsby knowledgeFamiliarity with gatsby transformer json
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
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.