Apa yang Baru di Laman v3
- Katalog template publik dengan kartu, detail, dan tombol clone.
- Halaman detail template berisi preview, info pembuat, dan link share.
- Template cloning dengan metadata asal dan attribution pembuat.
- Form Data Editor visual untuk mengelola struktur data JSON secara rekursif.
- Handlebars injection untuk data dinamis di HTML, CSS, dan JavaScript.
Mulai dari Template yang Sudah Jadi
Sekarang kamu tidak perlu mulai dari halaman kosong. Pilih template yang tersedia di katalog publik, clone ke project kamu, lalu edit sesuai kebutuhan.
Cara Akses Katalog Template
Buka laman.click, pilih menu Catalog, lalu cari template yang sesuai. Setiap template menampilkan:
- Preview untuk melihat tampilan aslinya sebelum clone
- Info pembuat dan tanggal dibuat
- Tombol Clone untuk menyalin ke dashboard kamu
Clone Template ke Project
Klik Clone pada template yang dipilih. Jika belum login, kamu akan diarahkan login terlebih dulu. Setelah berhasil, Laman akan membuat project baru di dashboard kamu dengan konten dan struktur template tersebut.
Bagikan Template ke Katalog
Punya desain yang layak dibagikan? Aktifkan opsi Share to Catalog di pengaturan proyek. Template kamu akan muncul di katalog publik dan bisa di-clone oleh pengguna lain.
Form Data Editor: Manajemen Konten Tanpa Kode
Form Data Editor memungkinkan kamu mengelola data seperti judul, harga, deskripsi, atau daftar item dari UI yang terstruktur. Data ini kemudian dipakai di template melalui sintaks Handlebars.
Cara Kerja Data di Template
Contoh penggunaan variabel di HTML:
<h1>{{ nama }}</h1>
<p>{{ deskripsi }}</p>
<p>Harga: {{ harga }}</p>Jika kamu punya list, gunakan each:
{{#each produk}}
<div class="kartu">
<h3>{{ nama }}</h3>
<p>{{ deskripsi }}</p>
<span>{{ harga }}</span>
</div>
{{/each}}Mode Edit, Fill, dan Raw
- Edit: Atur struktur, kunci, dan tipe data.
- Fill: Isi nilai tanpa mengubah struktur.
- Raw: Edit JSON langsung dengan validasi otomatis.
Tipe Data dan Validasi
Form Data mendukung tipe string, number, boolean, array, dan object. Array menggunakan schema untuk mendefinisikan tipe item. Kedalaman struktur dibatasi hingga 5 level agar data tetap stabil.
Alur Kerja Cepat
- Clone template dari katalog.
- Ganti konten dari tab Data.
- Lihat pratinjau secara langsung di panel kanan.
- Publish saat siap dibagikan.
Ringkasan
Laman v3 mempercepat dua hal yang sebelumnya memakan waktu: mulai dari nol dan update konten rutin.
- Template catalog memotong waktu setup.
- Form Data Editor membuat update konten jadi tugas non-teknis.
Coba langsung di laman.click.