React PDFResumeUXNext.js
Resume Viewer and PDF Route
Fitur pratinjau dokumen resume CV secara interaktif langsung di web browser tanpa harus mengunduh file terlebih dahulu.
Inspirasi Pembuatan
Seringkali, perekrut harus mengunduh dokumen CV/resume terlebih dahulu sebelum bisa membacanya—sebuah alur yang kurang praktis. Terinspirasi dari masalah kecil tersebut, saya berinisiatif membangun halaman pratinjau resume langsung di dalam portofolio saya melalui route khusus /cv dan /resume.
Solusi Teknis & Tantangan
- Integrasi PDF Rendering: Memanfaatkan pustaka visualizer PDF untuk merender dokumen CV secara interaktif langsung di peramban (browser) pengguna tanpa perlu meluncurkan aplikasi eksternal.
- Kenyamanan Lintas Perangkat: Memastikan tampilan dokumen tetap proporsional dan mudah dibaca di berbagai resolusi layar, lengkap dengan kontrol pembesaran (zoom) dan tautan unduhan langsung yang aman.
- Fallback State yang Elegan: Menyiapkan status fallback yang informatif apabila berkas resume sedang diperbarui atau belum berhasil dimuat dari server.
Apa Yang Saya Dapatkan?
Fitur ini melatih pemahaman saya tentang penanganan file dinamis (blob/buffer) di Next.js serta bagaimana menjaga kenyamanan interaksi pengguna (user experience) pada elemen-elemen dokumen publik.