Gak cuma lewat kode! Pelajari cara menggunakan Prisma Studio, alat bantu GUI (Graphical User Interface) yang disediakan Prisma untuk melihat, memfilter, dan bahkan mengedit data di database Anda langsung dari browser.
17m bacaanKuis WajibMicro Badge Lesson
"Ngintip" Isi Database Tanpa Ngoding? Bisa Pake Prisma Studio!
Udah jago kan ngobrol sama database pake kode Prisma Client (create, findMany, update, delete)? Keren! Tapi, kadang kita pengen cara yang lebih visual buat:
Ngeliat data apa aja sih yang udah ada di tabel-tabel kita?
Ngecek apakah data yang baru kita masukin itu beneran kesimpen dengan benar?
Ngedit data kecil-kecilan buat keperluan testing atau perbaikan cepet tanpa harus nulis skrip?
Memahami struktur tabel dan relasi secara lebih gampang?
Nah, Prisma nyediain alat bantu GUI (Graphical User Interface) yang super keren dan gampang dipake buat semua ini, namanya Prisma Studio! Anggap aja ini kayak "phpMyAdmin" atau "pgAdmin" versi simpel yang udah terintegrasi sama proyek Prisma-mu.
Apa Itu Prisma Studio?
Prisma Studio adalah sebuah antarmuka visual modern yang ngebolehin kamu buat melihat dan memanipulasi data di database yang lagi kamu pake di proyek Prisma-mu. Dia jalan langsung di browser.
Fitur Utama Prisma Studio:
Nampilin Semua Model (Tabel): Kamu bisa liat daftar semua model yang udah kamu definisiin di schema.prisma.
Nampilin Data per Model: Klik satu model, dan kamu bisa liat semua record (baris data) yang ada di tabel itu, lengkap dengan semua field (kolom) dan nilainya.
Filtering dan Sorting Data: Ada fitur buat nyaring data berdasarkan kondisi tertentu atau ngurutinnya.
Pagination: Kalau datanya banyak, dia nampilinnya per halaman.
Nambahin Record Baru: Kamu bisa nambahin data baru langsung lewat form di Prisma Studio.
Ngedit Record yang Udah Ada: Klik satu record, kamu bisa ubah nilai field-fieldnya.
Ngehapus Record: Bisa juga ngapus record satu per satu atau beberapa sekaligus.
Ngeliat Data Relasi: Kalau modelmu punya relasi, kamu bisa dengan gampang "lompat" buat liat data yang berelasi.
Prisma Studio ini cocok banget buat development dan debugging. Kamu bisa cepet ngecek hasil operasi Prisma Client-mu, atau nyiapin data awal buat dites.
Cara Menjalankan Prisma Studio
Gampang banget! Pastiin kamu udah ada di direktori root proyek Prisma-mu di terminal, terus jalanin perintah:
bash
npx prisma studio
npx prisma studio: Perintah ini bakal ngejalanin server web kecil di komputermu (biasanya di port 5555) dan otomatis ngebuka Prisma Studio di browser default-mu.
Kalau berhasil, kamu bakal liat output di terminal kayak gini:
Environment variables loaded from .env
Prisma schema loaded from prisma/schema.prisma
Prisma Studio is listening on http://localhost:5555
Dan browser-mu bakal kebuka nampilin halaman Prisma Studio.
Navigasi di Antarmuka Prisma Studio
Antarmukanya lumayan intuitif:
Panel Kiri (Models):
Nampilin daftar semua model yang udah kamu definisiin di schema.prisma (misal, User, Post).
Klik nama model buat nampilin datanya di panel kanan.
Panel Kanan (Data View):
Ini tempat utama buat liat data. Tampilannya kayak tabel spreadsheet.
Kolom: Tiap kolom ngewakilin satu field dari modelmu.
Baris: Tiap baris ngewakilin satu record data.
Tombol di Atas Tabel:
Add record: Buat nambahin data baru.
Filters: Buat nambahin filter buat nyaring data yang tampil.
Kolom Pengurutan: Kamu bisa klik header kolom buat ngurutin data berdasarkan kolom itu.
Pagination: Kalau datanya banyak, ada tombol buat pindah halaman.
Aksi per Baris: Biasanya ada ikon atau tombol buat ngedit atau ngapus satu record.
Mode Edit/Tambah Data:
Pas kamu klik "Add record" atau ngedit record, tampilannya bakal berubah jadi form di mana kamu bisa masukin atau ngubah nilai field.
Prisma Studio pinter, dia bakal ngasih input yang sesuai sama tipe data field-nya (misal, date picker buat DateTime, checkbox buat Boolean).
Beberapa Hal yang Bisa Kamu Lakuin di Prisma Studio
Verifikasi Data: Setelah ngejalanin prisma.user.create() di kodemu, buka Prisma Studio, liat model User, dan pastiin user barunya beneran ada dengan data yang bener.
Membuat Data Awal (Seed Data) Simpel: Kalau kamu butuh beberapa data awal buat ngetes aplikasi, kamu bisa nambahinnya manual lewat Prisma Studio. (Meskipun buat seeding yang lebih kompleks dan otomatis, Prisma punya fitur prisma db seed).
Debugging Relasi: Liat gimana data di satu model nyambung ke data di model lain.
Memperbaiki Data Salah Ketik (Pas Development): Kalau ada data yang salah input pas ngetes, bisa cepet dibenerin.
PENTING SOAL PRISMA STUDIO DAN DATABASE PRODUKSI:
Prisma Studio itu dirancang utama buat dipake di lingkungan development atau staging.
SANGAT TIDAK DISARANKAN buat ngejalanin Prisma Studio dan ngasih akses langsung ke database produksi yang datanya sensitif dan kritikal, kecuali kamu bener-bener tau apa yang kamu lakuin dan udah ada mekanisme keamanan yang ketat. Ngedit data produksi manual itu berisiko tinggi.
Menghentikan Prisma Studio
Kalau udah selesai pake Prisma Studio, kamu bisa:
Tutup tab browser tempat Prisma Studio jalan.
Balik lagi ke terminal tempat kamu ngejalanin npx prisma studio tadi.
Tekan Ctrl + C buat ngehentiin server Prisma Studio.
Prisma Studio ini bener-bener "permata tersembunyi" yang ngebantu banget proses development pake Prisma. Dia ngasih cara visual yang gampang buat ngeliat dan berinteraksi sama databasemu, jadi kamu gak melulu harus ngandelin console.log() atau query manual buat ngecek data.
Jangan ragu buat sering-sering buka Prisma Studio pas kamu lagi ngoprek database pake Prisma Client. Ini bakal jadi alat debugging dan eksplorasi data favoritmu!
Checkpoint KuisTarget: 70%
Kuis Prisma Studio
Kuis ini wajib untuk sertifikat. Kamu tetap bisa lanjut ke pelajaran berikutnya dan mengerjakannya nanti.
