Ringkas: Saya menambahkan app/[[...slug]]/page.tsx untuk menangani semua path dan me-render SPA React Anda, lalu menghapus vercel.json agar Next.js menangani routing tanpa konflik. Silakan buka/refresh rute seperti /resource/acara-pelatihan di v0dev; halaman akan tampil normal. Jika masih ada error, beri tahu pesan errornya dan saya sesuaikan lagi.

Berikut kredensial/variabel Supabase yang sudah terpasang di proyek (tanpa menampilkan nilainya demi keamanan):

• NEXT_PUBLIC_SUPABASE_URL — URL Supabase untuk penggunaan di client (aman dipublikasikan).
• NEXT_PUBLIC_SUPABASE_ANON_KEY — Public anon key untuk client (aman dipublikasikan).
• SUPABASE_URL — URL Supabase untuk server.
• SUPABASE_ANON_KEY — Anon key untuk server.
• SUPABASE_SERVICE_ROLE_KEY — Service role key (server-only; jangan pernah dipakai di client).
• SUPABASE_JWT_SECRET — Secret untuk verifikasi JWT di server.
• POSTGRES_URL, POSTGRES_PRISMA_URL, POSTGRES_URL_NON_POOLING, POSTGRES_HOST, POSTGRES_USER, POSTGRES_PASSWORD, POSTGRES_DATABASE — Kredensial Postgres (server-only), biasanya tidak dibutuhkan untuk SDK Supabase di app Anda kecuali perlu akses SQL langsung.

Cara pakai yang benar:

• Di client: gunakan NEXT_PUBLIC_SUPABASE_URL dan NEXT_PUBLIC_SUPABASE_ANON_KEY.
• Di server (Server Actions/Route Handlers/komponen server): gunakan SUPABASE_URL dan SUPABASE_ANON_KEY (atau SERVICE_ROLE untuk tugas terproteksi seperti seed/cron, jangan diekspose ke client).

Ingin saya buatkan helper kecil untuk “cek & log” status variabel (menampilkan hanya “tersedia/tidak” atau versi masked, bukan nilai penuh) agar Anda bisa verifikasi di v0 logs? Jika ya, saya akan tambah route handler/server action yang aman dan menghapusnya setelah verifikasi selesai.