WatchGenius: Зображення конвеєр v1 (без гарячого посилання) — завантаження працівника→WebP→Supabase Сховище + заповнення назад
Ми будуємо сайт аналітики годинників (Next.js). Зараз у нас є зовнішні URL картинок (з джерела/RTL, часто Chrono24 CDN), але ми НЕ використовуємо hotlink. Потрібно реалізувати правильну систему зображень, щоб потім не переробляти при масштабуванні до 1000+ моделей.
Стек:
Frontend: Next.js
Backend/API: Node/Next API routes (або окремий сервіс)
DB/Storage: Supabase (Postgres + Supabase Storage)
Hosting: Vercel (FE), Render (API/worker)
Вимога (контракт назавжди):
UI показує
<img>тільки з нашого storage/CDN заimage_key(жодних зовнішніх URL).Якщо зображення немає/не готове: 1 акуратний placeholder (не 4–5 дублів).
Що потрібно зробити (v1):
Етап 0 (C0) — UI контракт + схема:
додати поля в models:
image_key,image_status (missing|queued|ready|failed),image_updated_atAPI віддає
image_url(формується з storage) іimage_statusUI: якщо
ready→ показуємо фото; інакше 1 placeholder
Етап 1 (C1) — image worker:
таблиця черги
image_jobs(kind, source_url, dest_key, status, tries, last_error)worker (Render): download → validate → convert WebP (sharp) → upload в Supabase Storage → оновити
image_key/statusбезпека: allowlist доменів, заборона private IP, ліміт розміру, таймаути
cache headers: long cache (max-age/immutable) на storage/CDN (якщо застосовно)
Етап 2 (C2) — backfill:
прогнати поточну партію (39/84 моделей): взяти 1 основне зображення на модель, заповнити storage
звіт: % успіху, список failed + причини
Додатково (опціонально):
батчі для 1000+ (по 100–200, обмеження паралелізму)
retries/backoff + dead-letter
DoD (критерії приймання):
на сайті немає
<img src="...chrono24...">взагалів каталозі/PDP показуються реальні model images з storage (або 1 placeholder)
немає дублів placeholder в галереї
worker коректно завантажує WebP в
/images/models/{slug}/main.webpі оновлюєimage_statusє лог помилок і список невдалих завантажень
Важливо:
Потрібна оцінка по етапах (фікс-ціна і ETA на кожен етап).
Доступи: спочатку тільки консультація/оцінка. Код/репозиторій даємо після вибору виконавця (NDA за необхідності).
Прошу в відповіді:
оцінка вартості/термінів по етапах C0/C1/C2 (і окремо опціонал для 1000+)
які ризики бачите (3–5 пунктів)
приклади схожих задач (worker/media pipeline)
який формат роботи: фікс або погодинно з лімітом
-
✋ Доброго дня! Ми IT-компанія dZENcode.
Ми реалізуємо конвеєр зображень для Next.js: черга, worker на Node.js, WebP-конвертацію (sharp), Supabase Storage та CDN за image_key, спираючись на досвід команди, найкращі практики та власні напрацювання.
Є список доменів-джерел для allowlist?
Які розміри та якість WebP потрібні?
Докладну інформацію про наші послуги та ставки ви знайдете на сайті:Freelancehunt
Подивіться – далі обговоримо деталі роботи, пишіть, як будете готові.
…
Фінальна вартість формується тільки після уточнення обсягу та вимог.
___________________
З повагою,
Менеджер dZENcode
Наші сильні сторони:
💎 10+ років надаємо IT-послуги: Аутсорс, Аутстаф
🔥 90+ штатних спеціалістів
🚀 Проекти «з нуля» та на підтримку
⚙️ SLA та постпродакшн-супровід
✅ Договір з компанією, гарантований результат!
🔥 250+ публічних відгуків з 2015 року.
-
95878 1272 1 10 Доброго дня. Маю великий досвід з Next.js/Nest.js. Готовий до співпраці.
-
13013 67 0 Вітаю! 👋
✅ Готовий виконати ваше завдання професійно та вчасно.
📋 Моє резюме та портфоліо доступні для ознайомлення.
📌 Мій досвід:
Понад 7 років роботи з подібними задачами.
Якісна реалізація будь-яких завдань у сфері веб-розробки.
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 10 годин 53 хвилини тому ∙ 51 ставка |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 1 день 12 годин тому ∙ 26 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 3 дні 2 години тому ∙ 32 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
257 282 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 8 днів 9 годин тому ∙ 119 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 8 днів 14 годин тому ∙ 21 ставка |