Sebuah dedikasi untuk arsitektur, teknologi, dan perkakas perkasa yang menghidupkan ekosistem virtual Hanny Toreiko di balik layar.
Membangun web statis itu mudah, tapi membangun ekosistem VTuber butuh fondasi untuk masa depan. Website ini ditenagai oleh Next.js 16 dengan arsitektur App Router dan React Server Components (RSC). Kombinasi ini memungkinkan proses rendering super cepat dari sisi server yang sangat ramah SEO, sekaligus memangkas beban di perangkat pengunjung.
Kami juga menggunakan ekosistem React 19 yang dipadukan dengan implementasi React Compiler secara eksperimental. Artinya? Pengalaman navigasi secepat kilat tanpa perlu pusing melakukan optimasi memori secara manual. Biarkan mesin yang bekerja keras!
Untuk urusan visual, kami menggunakan Tailwind CSS v4 yang memberikan performa kompilasi CSS tak tertandingi. Namun, rahasia utama dari komponen interaktif yang memanjakan mata di web ini bukanlah library raksasa yang memberatkan sistem.
Kami mengadopsi pendekatan registry-based components dari shadcn/ui, Aceternity UI, dan Magic UI. Dibangun di atas fondasi headless Radix UI, komponen-komponen ini tidak diinstal sebagai paket yang kaku, melainkan diinjeksi langsung ke dalam source code kami. Ini memberikan kontrol piksel-sempurna mutlak atas setiap animasi, warna, dan aksesibilitas.
Pusat data operasi gaib ini diamankan oleh Supabase (PostgreSQL). Namun, database kami tidak sekadar menyimpan data; ia melindunginya dengan ketat. Kami mengimplementasikan Row Level Security (RLS) langsung di level database.
RLS memastikan bahwa data spesifik hanya bisa dibaca atau dimodifikasi oleh entitas yang memiliki otorisasi (Authentication) yang tepat. Dipadukan dengan paket @supabase/ssr, aliran sesi antara server dan klien terenkripsi dengan aman. Sistem ini secara otomatis memblokir upaya scraping liar, mencegah injeksi data gaib, dan memastikan panel manajemen tetap tertutup rapat dari pengabdi setan yang iseng. Semua divalidasi dengan ketat menggunakan Zod dan React Hook Form.
Interaksi yang hampa bagaikan kuburan tanpa nisan. Kami menggunakan Framer Motion (via motion/react) untuk menyuntikkan nyawa pada setiap transisi halaman, efek scroll reveal, dan pergerakan kartu antarmuka. Sebagai pelengkap estetika lore, integrasi tsParticles dan Canvas Confetti hadir untuk memberikan hujan efek visual saat interaksi khusus (seperti fitur Headpat) dipicu.
Website operasi gaib Hanny Toreiko ini adalah bukti nyata dari kekuatan ekosistem perangkat lunak terbuka. Kami sangat berterima kasih kepada ribuan developer di seluruh dunia yang telah mempublikasikan perkakas luar biasa di atas (di bawah lisensi permisif seperti MIT, Apache 2.0, dan ISC).
Lisensi permisif dari pustaka-pustaka dependensi tersebut memberikan kami kebebasan penuh untuk membangun, memodifikasi, dan memanfaatkannya. Namun, sebagai produk akhir, struktur kode spesifik (source code), implementasi desain UI/UX, dan seluruh aset VTuber Hanny Toreiko yang berada di dalam repositori ini bersifat Proprietary dan Closed-Source.
Kebebasan ekosistem eksternal yang kami gunakan tidak secara otomatis membuat repositori proyek ini menjadi ranah publik. Dilarang keras melakukan cloning, forking, atau menyalin implementasi spesifik dari kode website ini untuk proyek VTuber lain maupun kepentingan komersial pribadi.
