DownloadStuffs 구축: 인터넷 아카이브를 위한 현대 UI

Source: Dev.to

소개

Internet Archive는 웹상에서 가장 가치 있는 공공 도서관 중 하나이지만, 효율적으로 사용하기는 생각보다 어려울 수 있습니다. 느린 탐색, 어떤 파일이 “최고”인지 불분명함, 다운로드 실패, 다중 파일 항목(시리즈, 재생목록)에 대한 열악한 UX 등이 흔한 문제점이었습니다. 이러한 문제를 해결하기 위해 저는 DownloadStuffs라는 현대적이고 오픈‑소스인 인터페이스를 만들었습니다. 이 인터페이스는 속도, 명확성, 신뢰할 수 있는 다운로드에 중점을 둡니다.

실제 데모: (원본 게시물에 링크가 제공되지 않음)

Archive.org UI의 문제점

• 대량 결과 집합에 대한 성능 문제
• 여러 형식 중 올바른 파일을 찾기 어려움
• 장편 또는 연속 콘텐츠에 대한 미리보기 부족
• 최신 브라우저에서의 다운로드 신뢰성 부족 (CORS, 타임아웃)

이러한 마찰은 개발자와 최종 사용자 모두에게 누적됩니다.

DownloadStuffs 개요

DownloadStuffs는 세 가지 핵심 원칙을 중심으로 설계되었습니다.

1. 속도
2. 명확성
3. 완전성

핵심 원칙

속도

• 미디어 유형 필터와 정렬이 가능한 빠른 검색
• 페이지 내 비디오/오디오 미리보기

명확성

• 키보드 제어가 가능한 재생목록 대기열
• 다중 파일 항목을 위한 명확한 UI

완전성

• 신뢰할 수 있는 다운로드 프록시 (CORS 문제 없음)
• 다중 파일 항목을 위한 일괄 ZIP 다운로드

기능

• Search: IA Advanced Search API
• Metadata: IA Metadata API
• Streaming: Direct IA download endpoints
• Streaming ZIP generation 및 대용량 파일 프록시

기술 스택

• Backend: Bun + TypeScript
• Frontend: Vite + modern SPA routing
• Deployment: Vercel

오픈 소스

• 저장소: (원본 게시물에 링크가 제공되지 않음)
• 실제 사이트: (원본 게시물에 링크가 제공되지 않음)

피드백, 아이디어, 그리고 기여를 언제든 환영합니다 🚀