WatchGenius: Image pipeline v1 (no-hotlink) — worker download→WebP→Supabase Storage + backfill
We are building a watch analytics website (Next.js). Currently, we have external image URLs (from source/RTL, often Chrono24 CDN), but we do NOT use hotlinking. We need to implement a proper image system so that we do not have to redo it when scaling to 1000+ models.
Stack:
Frontend: Next.js
Backend/API: Node/Next API routes (or a separate service)
DB/Storage: Supabase (Postgres + Supabase Storage)
Hosting: Vercel (FE), Render (API/worker)
Requirement (contract forever):
UI shows
<img>only from our storage/CDN byimage_key(no external URLs).If the image is not available/not ready: 1 neat placeholder (not 4-5 duplicates).
What needs to be done (v1):
Stage 0 (C0) — UI contract + schema:
add fields in models:
image_key,image_status (missing|queued|ready|failed),image_updated_atAPI returns
image_url(formed from storage) andimage_statusUI: if
ready→ show photo; otherwise 1 placeholder
Stage 1 (C1) — image worker:
queue table
image_jobs(kind, source_url, dest_key, status, tries, last_error)worker (Render): download → validate → convert WebP (sharp) → upload to Supabase Storage → update
image_key/statussecurity: allowlist of domains, ban private IP, size limit, timeouts
cache headers: long cache (max-age/immutable) on storage/CDN (if applicable)
Stage 2 (C2) — backfill:
run the current batch (39/84 models): take 1 main image per model, fill storage
report: % success, list of failed + reasons
Additionally (optional):
batches for 1000+ (by 100-200, limit on parallelism)
retries/backoff + dead-letter
DoD (acceptance criteria):
there are no
<img src="...chrono24...">on the site at allreal model images from storage (or 1 placeholder) are shown in the catalog/PDP
no duplicate placeholders in the gallery
worker correctly uploads WebP to
/images/models/{slug}/main.webpand updatesimage_statusthere is an error log and a list of failed uploads
Important:
We need an estimate by stages (fixed price and ETA for each stage).
Access: initially only consultation/assessment. Code/repository will be provided after the contractor is selected (NDA if necessary).
Request in response:
cost/time estimate by stages C0/C1/C2 (and separately optional for 1000+)
what risks do you see (3-5 points)
examples of similar tasks (worker/media pipeline)
what format of work: fixed or hourly with a limit
-
✋ Hello! We are the IT company dZENcode.
We are implementing an image pipeline for Next.js: a queue, a worker on Node.js, WebP conversion (sharp), Supabase Storage, and CDN based on image_key, relying on the team's experience, best practices, and our own developments.
Is there a list of source domains for the allowlist?
What sizes and quality of WebP are required?
You can find detailed information about our services and rates on our website:Freelancehunt
Take a look – we will discuss the details of the work further, write when you are ready.
…
The final cost is determined only after clarifying the volume and requirements.
___________________
Best regards,
Manager of dZENcode
Our strengths:
💎 10+ years providing IT services: Outsourcing, Outstaffing
🔥 90+ in-house specialists
🚀 Projects "from scratch" and for support
⚙️ SLA and post-production support
✅ Contract with the company, guaranteed results!
🔥 250+ public reviews since 2015.
-
95878 1272 1 10 Hello. I have extensive experience with Next.js/Nest.js. I am ready for collaboration.
-
13013 67 0 Hello! 👋
✅ Ready to complete your task professionally and on time.
📋 My resume and portfolio are available for review.
📌 My experience:
Over 7 years of working with similar tasks.
Quality implementation of any tasks in the field of web development.
Current freelance projects in the category Javascript and Typescript
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 7 hours 10 minutes back ∙ 47 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 1 day 8 hours back ∙ 26 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 2 days 23 hours back ∙ 32 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5731 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 8 days 5 hours back ∙ 119 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 8 days 11 hours back ∙ 21 proposals |