Tutorial: Cara Login & Kelola Data Lewat Admin Panel Project Kamu

Setiap project yang kamu bikin di TanpaNgoding AI otomatis dapet admin panel siap pakai — tempat kamu kelola data aplikasi (produk, buku, pesanan, apa pun modul yang kamu minta AI buatkan) tanpa perlu nulis kode CRUD sendiri. Di tutorial ini kita bahas cara login ke admin panel, dari mana dapet credential default-nya, tur singkat kelola data (CRUD), dan cara ganti password biar aman.

Kalau kamu belum tahu cara bikin project baru dan kirim prompt pertama di builder, baca dulu Tutorial: Bikin Aplikasi Toko Kue Online dari Nol Pakai TanpaNgoding AI — di sini kita langsung fokus ke bagian admin panel-nya.

Video Tutorial

1. Tombol "Admin Login" — Selalu Ada di Setiap Project Baru

Begitu project baru kamu selesai dibuat (bahkan sebelum kamu minta AI build fitur apa pun), preview default-nya sudah punya tombol "Admin Login" di pojok kanan atas, plus card "Admin Panel" dengan link "Go to Admin". Ini proteksi default: setiap project punya admin panel yang butuh login, jadi data kamu nggak bisa diakses sembarangan orang.

2. Dari Mana Dapet Credential Login?

Credential default (email + password) admin disimpan otomatis di file .env project kamu, dengan key ADMIN_DEFAULT_EMAIL dan ADMIN_DEFAULT_PASSWORD. Kamu bisa cek lewat File Manager di toolbar builder. Enaknya, saat kamu klik "Admin Login", form login-nya otomatis keisi dengan credential dev ini — jadi kamu tinggal klik "Sign In" tanpa perlu ketik manual.

3. Masuk Dashboard & Menu Sidebar

Setelah login, kamu masuk ke dashboard admin dengan ringkasan statistik (dummy data sebelum ada data asli) dan sidebar navigasi. Menu di sidebar otomatis nambah sesuai modul yang AI buatkan — misalnya kalau kamu minta AI bikin modul "Buku", bakal muncul menu "Book Management" di sana.

4. Kelola Data — Tur Singkat CRUD

Klik menu modul yang kamu mau kelola (di contoh ini "Book Management"), kamu bakal lihat listing data lengkap dengan kolom sortable, plus tombol "Add Book" buat nambah data baru. Semua data ini bisa di-edit atau dihapus langsung dari listing — nggak perlu sentuh kode sama sekali.

Klik tombol tambah data buat buka form input — isi field yang dibutuhkan, lalu simpan.

5. Ganti Password Default Sebelum Go-Live

Credential default itu enak buat development, tapi wajib diganti sebelum project kamu publish ke publik. Buka menu profil admin (klik nama/avatar admin di pojok kiri bawah sidebar) — di sana ada section "Change Password". Masukkan password saat ini, lalu set password baru (minimal 6 karakter).

Ringkasan

Setiap project TanpaNgoding AI otomatis punya admin panel dengan proteksi login bawaan. Credential default ada di .env dan otomatis keisi pas dev, tapi jangan lupa ganti password sebelum publish. Dari admin panel ini, kamu bisa kelola semua data modul yang AI buatkan lewat CRUD sederhana — tambah, edit, hapus — tanpa nulis kode.