Studi Kasus Vetmo: Website Pet Care Indonesia dengan Next.js dan Supabase

TL;DR: Vetmo adalah platform pet care Indonesia yang Vito Atmo bangun dengan stack Next.js dan Supabase. Proyek ini menjadi case study praktik nyata membangun website bisnis berperforma tinggi: Core Web Vitals semua hijau, Lighthouse score di atas 95, dan struktur konten siap AI Search sejak hari pertama. Hasilnya: trafik organik tumbuh konsisten dalam 6 bulan pertama tanpa iklan berbayar.

Setiap kali ada calon klien bisnis bertanya, "Kenapa harus pakai Next.js, bukan WordPress saja?", saya rujuk mereka ke proyek Vetmo. Karena di Vetmo, asumsi-asumsi tentang website cepat, ramah SEO, dan siap AI Search dibuktikan dengan angka, bukan klaim.

Vetmo adalah platform pet care yang membantu pemilik hewan menemukan klinik, jasa grooming, dan informasi kesehatan hewan terpercaya. Targetnya adalah pemilik anjing dan kucing di kota-kota besar Indonesia. Bisnis seperti ini sensitif terhadap kepercayaan, karena informasi keliru bisa berdampak pada kesehatan hewan.

Konteks: Kenapa Vetmo Tidak Pakai WordPress

Ada tiga pertimbangan utama. Pertama, kecepatan. Pencarian "klinik hewan terdekat" mayoritas dari mobile, dan riset Google menyebutkan halaman mobile yang loading lebih dari 3 detik kehilangan 53 persen pengunjung. Kedua, struktur konten yang fleksibel: kombinasi listing klinik, artikel edukasi, dan glosarium butuh schema markup yang konsisten. Ketiga, biaya jangka panjang. WordPress murah di tahun pertama, tetapi maintenance plugin dan keamanan menjadi tax operasional di tahun-tahun berikutnya.

Stack yang dipilih: Next.js 15 dengan App Router, Supabase untuk database dan storage, Tailwind CSS, deploy ke Vercel. Semua statik di-generate, dengan ISR untuk konten yang sering update.

Hasil Performa Teknis

Berikut snapshot performa Vetmo per Mei 2026, diukur dari Lighthouse dan PageSpeed Insights.

Semua Core Web Vitals hijau di mobile maupun desktop. Ini bukan karena trik teknis eksotis, tetapi karena tiga praktik standar yang konsisten: gambar pakai next/image dengan format AVIF, font dimuat dengan strategi swap, dan semua interaksi non-kritis di-defer setelah hydration.

Strategi Konten: Pilar dan Cluster

Konten Vetmo dibagi tiga pilar utama: kesehatan hewan, panduan perawatan, dan direktori jasa. Setiap pilar punya topic cluster yang dihubungkan dengan internal link.

Glosarium juga dibangun sejak hari pertama. Total lebih dari 80 istilah pet care diterbitkan dalam tiga bulan pertama, dengan struktur yang sama: TL;DR, definisi, contoh, FAQ, dan JSON-LD DefinedTerm. Hasilnya: glosarium ini mulai dikutip di Google AI Overview untuk query seperti "apa itu vaksin hewan rabies" dalam waktu 4 bulan.

Studi Kasus Trafik

Dalam 6 bulan pertama setelah launch, trafik organik bulanan tumbuh dari 0 menjadi sekitar 8.000 sampai 12.000 sesi per bulan, tanpa investasi iklan berbayar. Sumber trafik utama: query informasional jangka panjang yang masuk ke glosarium dan artikel pilar. Bounce rate rata-rata 38 persen, dengan rata-rata 2,1 halaman per sesi.

Praktik yang paling memberi dampak, berdasarkan observasi setiap bulan: konsistensi publikasi (3 sampai 5 konten per minggu), internal linking yang rapi, dan pemenuhan E-E-A-T pada artikel yang melibatkan klaim medis. Setiap artikel kesehatan hewan ditinjau oleh dokter hewan partner sebelum publish.

Pelajaran yang Bisa Diadaptasi

Bukan setiap bisnis perlu stack secanggih Vetmo. Tetapi tiga prinsip ini bisa diadaptasi siapa pun yang mau bangun website bisnis 2026: performa teknis non-negotiable, struktur konten siap AI Search sejak hari pertama, dan otoritas dibangun dari konsistensi, bukan kampanye sekali pukul.

Pertanyaan Umum

Berapa biaya membangun website seperti Vetmo?

Untuk skala awal (5 sampai 10 halaman utama, 50 sampai 100 artikel/glosarium), investasi pengembangan berkisar Rp 25 sampai Rp 75 juta tergantung kompleksitas. Biaya operasional bulanan (hosting, database, domain) sekitar Rp 300 ribu sampai Rp 1 juta.

Berapa lama Vetmo butuh untuk online?

MVP awal launch dalam 6 minggu, dengan landing page, direktori klinik, dan 20 artikel pilar. Setelah itu, iterasi rutin setiap 2 minggu untuk fitur dan konten baru.

Apa yang paling berdampak ke trafik organik?

Berdasarkan data Search Console Vetmo, kontribusi terbesar dari konten edukasi panjang (lebih dari 1500 kata) yang menjawab pertanyaan spesifik, didukung glosarium pendamping. Kombinasi ini menciptakan struktur yang dimengerti Google dan AI Search.

Konsultasi Proyek Serupa

Vetmo adalah contoh website bisnis yang dibangun dengan prinsip performa, struktur, dan otoritas. Pendekatan ini bisa diadaptasi untuk klinik, edukasi, e-commerce, atau marketplace skala kecil sampai menengah. Lihat portfolio lengkap di halaman work untuk konteks proyek lain.