← Back to Blog
web

Cara Buat Blog dengan Next.js 15, Tailwind CSS v4, dan Supabase

October 14, 2025

Cara Buat Blog dengan Next.js 15, Tailwind CSS v4, dan Supabase cover

Halo guys, sekarang kita bakal coba untuk mengsetup blog untuk website kita. Blog ini akan aku update secara bertahap dikarenakan prosesnya membutuhkan waktu hehe.

Oke, saya pikir kalian sudah mengsetup next.js-nya ya, dan yang kita lakukan hanyalah setup supabase dan blog.

Setup supabase

  1. Lakukan npm install @supabase/supabase-js

  2. buat env.local di root file
    Contoh:
    --my-project
    -- --env.local

  3. Isi env.local dengan ini
    NEXT_PUBLIC_SUPABASE_URL="isi dengan supabase url kamu"
    NEXT_PUBLIC_SUPABASE_ANON_KEY="isi dengan supabase anon key kamu"

Cari supabase url di project settings -> data api
Cari supabase anon key di project settings -> api keys