Langsung ke konten
foya.dev
MediaSnatch cover

2026 · Tempel link TikTok, YouTube, atau Instagram — file langsung jadi dalam lima detik. Bebas iklan, bebas login, bebas log.

MediaSnatch

Tahun
2026
Status
live
Kreator
Rendy Andika
Tag

The Problem

Kreator pengen ambil klip TikTok buat referensi, bebas watermark.

Tapi semua tools yang udah ada (snaptik, ssstik, y2mate) ngubur tombol download di balik popup iklan, redirect berlapis, dan label "HD / Original" yang nggak jelas — terus nge-log URL-nya di server yang lo nggak bisa cek.

Tugas lima detik jadi lima menit perang lawan interstitial.

The Solve

MediaSnatch nyiutin alurnya jadi satu input dan satu tombol.

Auto-paste deteksi URL yang didukung pas lo fokus, platform-nya ditebak dari URL (nggak ada langkah "Detect"), dan kualitas dipilih dari kartu visual berlabel "1080p · MP4 · ~24 MB" bukan format ID misterius.

Trade-off-nya: harus self-host serius — yt-dlp butuh Node runtime + filesystem, jadi Vercel mundur, VPS maju.

Imbalannya: server nggak pernah simpan file-nya, nggak nge-log URL, dan stream byte langsung dari stdout yt-dlp ke browser.

Screens

App Flow

  1. 01Buka app
  2. 02Input auto-fokus; clipboard di-scan, kalau ada URL yang didukung langsung muncul pil "Paste detected"
  3. 03Tempel URL
  4. 04Platform ditebak dari pola URL; kartu preview skeleton muncul dalam 200ms
  5. 05Metadata datang
  6. 06Preview kebuka penuh: thumbnail, author, durasi, plus pemilih kualitas yang defaultnya ke varian tanpa watermark tertinggi
  7. 07Klik Download
  8. 08yt-dlp stream byte lewat Node route handler; progress bar nampilin MB/s sama ETA beneran, bisa dibatalin kapan aja
  9. 09File tersimpan
  10. 10Toast sukses + entry tambahan di strip "recent downloads" yang cuma nongkrong di localStorage

Under the Hood

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Motion
  • Zustand
  • yt-dlp
  • ffmpeg
  • Docker

Route handler /api/download nge-pipe stdout yt-dlp langsung ke response. Nothing nyentuh disk di server — jadi nggak ada file temp buat dibersihin, nggak ada kuota buat dikelola, nggak ada artefak yang nyangkut kalau user disconnect di tengah download. Trade-off: route-nya harus jalan di Node runtime (bukan Edge), dan server harus punya yt-dlp + ffmpeg di PATH — yang artinya serverless ala Vercel out of the question.

Changelog

  1. Tampilin panduan cookie inline pas Instagram balikin login_required.

  2. Tampilin log ffmpeg pas remux gagal; tambah badge kompatibilitas VP9/AV1 di pemilih kualitas.

  3. Streaming service-worker fallback ke jalur Blob kalau pre-pump streaming gagal di Safari versi lawas.

Proyek lain dari foya.dev

Ayo Belajar Bicara cover
Rendy Andika
by Rendy Andika

Ayo Belajar Bicara

PWA offline-first yang nyulap latihan terapi wicara jadi game seru buat balita di Indonesia.

Free
Undangan Pernikahan cover
Rendy Andika
by Rendy Andika

Undangan Pernikahan

Platform undangan nikah digital — pilih tema, sebar ke tamu, scan QR pas hari H, ditambah amplop digital. Semua beres dari satu tempat.

Paid
Sistem Monitoring cover
Abdul Aziz Khusen
by Abdul Aziz Khusen

Sistem Monitoring

Dasbor proyek multi-tenant yang presisi buat monitoring logistik real-time dan manajemen utang.

Paid