Cara Membangun Blog Modern Menggunakan Next.js dan Supabase

Kamu mungkin ingin punya blog sendiri tapi tidak mau terikat dengan sistem yang makin lama makin sulit dikontrol. Solusi paling bersih adalah membangun tumpukan teknologi yang kamu pahami dari bawah sampai atas. Bayangkan sistem siap pakai seperti apartemen yang cepat dihuni tetapi renovasi besarnya sering terbatas. Membangun sendiri memberi kamu kebebasan mengatur fondasi dan ruang sesuai kebutuhan.

Arsitektur dasarnya sebenarnya cukup sederhana untuk dipahami. Kamu bisa menggunakan Next.js untuk antarmuka depan dan pengaturan rute API. Sementara itu, Supabase dengan PostgreSQL menangani data artikel secara aman. Kamu juga bisa memanfaatkan fitur penyimpanan dari Supabase untuk mengelola media gambar secara efisien.

Langkah pertama adalah membuat skema basis data yang jelas untuk artikel. Pastikan tabel kamu memiliki kolom penting seperti slug, judul, ringkasan, konten, kategori, status publikasi, dan waktu pembuatan. Setelah itu, kamu perlu membuat titik akhir API untuk mengambil daftar artikel dan mempublikasikan konten baru.

Berikut adalah contoh sederhana cara mengambil data artikel menggunakan klien Supabase di Next.js. Langkah ini sangat penting karena memastikan aplikasi kamu hanya mengambil artikel yang sudah berstatus publikasi agar draf tidak bocor ke publik.

import { createClient } from '@supabase/supabase-js'

const supabase = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
)

export async function getPublishedArticles() {
  const { data, error } = await supabase
    .from('articles')
    .select('title, slug, excerpt, created_at')
    .eq('status', 'published')
    .order('created_at', { ascending: false })

  if (error) throw new Error(error.message)
  return data
}

Bagian yang paling sering membuat pengembang bingung ada di batasan akses. Titik akhir untuk admin tentu tidak boleh langsung terbuka untuk publik. Gunakan sesi otentikasi untuk pengguna admin dan token khusus untuk proses otomatis. Hal ini menjaga keamanan data dari pihak yang tidak bertanggung jawab.

Untuk sisi optimasi mesin pencari, pastikan setiap artikel memiliki struktur yang baik. Judul, ringkasan, tautan internal, dan struktur URL yang konsisten wajib ada sejak awal. Ini jauh lebih penting daripada menambah fitur editor teks yang terlalu rumit di awal pengembangan. Kamu bisa membaca lebih lanjut tentang praktik terbaik ini di .