---
title: "Tur halaman proyek | Briks"
url: https://briks.dev/id/docs/the-project-page
description: "Tur terpandu sebuah proyek di studio Briks: percakapan, pratinjau langsung dan lebar layarnya, tab di bawah bilah atas, Settings, dan Publish."
last_updated: 2026-10-08
---

# Tur halaman proyek

Setiap situs, aplikasi, atau dashboard yang Anda buat di Briks punya halaman proyeknya sendiri. Di sinilah Anda berbicara dengan Briks, melihat situs berubah, dan menjangkau semua hal lain milik proyek. Tur ini mengelilinginya satu kali, supaya Anda tahu fungsi tiap bagian sebelum membutuhkannya.

Baca 10 menit Dicocokkan dengan studio pada 8 Oktober 2026

1. 1 Posisi Anda: **Projects**, lalu nama proyek, beserta alamatnya di layar lebar. Di bawahnya, tab proyek dalam bentuk kata: **Studio**, **Analytics**, **Media**, **Database** (setelah proyek memilikinya, dan sebelum itu untuk Owner dan Admin), **Storage**, **Chatbot** dan **Settings**.
2. 2 Percakapan. Minta perubahan atau ajukan pertanyaan dengan kata-kata sederhana.
3. 3 Pratinjau situs Anda, diperbarui setiap kali Anda mempublikasikan.
4. 4 Alat pratinjau: lebar tampilan, muat ulang, layar penuh, dan buka di tab baru.
5. 5 **Publish** membawa situs ke produksi saat Anda siap.

Halaman proyek sebuah situs toko roti contoh: posisi Anda dan **Publish** di bilah atas, tab proyek di bawahnya, percakapan di kiri, dan pratinjau langsung di kanan.

## Membuka proyek

Klik **Projects** di bilah samping, lalu proyek yang Anda inginkan. Proyek terbaru Anda juga tercantum di bawah **Projects** di bilah samping itu sendiri, masing-masing dengan titik penanda status, sehingga Anda bisa langsung melompat ke salah satunya. Proyek selalu terbuka di tab **Studio**-nya: percakapan dan pratinjau berdampingan.

Di mana

1. Projects
2. Your project
3. Studio

Di laptop atau desktop, keduanya berdampingan. Di layar sempit, seperti ponsel, percakapan tampil lebih dulu dan pratinjau berada di bawahnya.

## Bilah atas

Bilah di bagian atas menunjukkan posisi Anda. Di tab **Studio** tertulis **Projects** dan nama proyek. Di tab lain, nama tab mengikuti, lalu bagian atau tampilan apa pun yang Anda buka di dalamnya, misalnya Projects / Crumb & Co bakery / Settings / Domain. Setiap bagian sebelum yang terakhir adalah tautan kembali ke bagian itu. Di layar lebar, alamat langsung proyek berada di samping namanya dan membuka situs di tab baru.

Di bawah baris itu ada deretan tab berupa kata-kata, dengan tab yang terbuka bergaris bawah. Di ponsel, deretan ini digulir ke samping, dan baris di atasnya hanya menampilkan nama proyek.

| Tab | Isinya | Baca selengkapnya |
| --- | --- | --- |
| **Studio** | Percakapan dan pratinjau. Perubahan dan pertanyaan masuk ke sini. | [Membuat perubahan](https://briks.dev/id/docs/making-changes) |
| **Visual Editor** | Halaman Anda sendiri di samping sebuah panel: klik apa saja untuk mengubah kata, gambar, dan tampilannya, lalu publikasikan tanpa memakai kredit. Tersedia di paket berbayar. | [Editor Visual](https://briks.dev/id/docs/visual-editor) |
| **Analytics** | Pengunjung, halaman, dan asal mereka, dalam tampilan **Data** dan tampilan **Settings**. | [Analytics](https://briks.dev/id/docs/analytics) |
| **Marketing** | Postingan untuk akun sosial situs. Tab ini muncul setelah fitur posting dibuka di Briks. | [Pemasaran dan postingan media sosial](https://briks.dev/id/docs/marketing) |
| **Media** | Setiap gambar dan video yang ditampilkan situs sesuai publikasi terakhir, masing-masing dengan **Replace**. | [Pustaka media](https://briks.dev/id/docs/media-library) |
| **Database** | Apa yang disimpan situs, koleksi demi koleksi. Tab ini tampil setelah proyek memiliki database, dan sebelum itu hanya untuk Owner dan Admin, agar mereka bisa membuatnya. | [Database](https://briks.dev/id/docs/database) |
| **Storage** | File yang disimpan proyek, untuk halamannya dan untuk Anda, di tampilan **Files**, **Usage**, dan **Settings**. | [Storage](https://briks.dev/id/docs/storage) |
| **Chatbot** | Chat untuk situs yang dipublikasikan yang menjawab dari halaman-halamannya sendiri dan meneruskan apa yang tidak bisa dijawabnya. | [Chatbot](https://briks.dev/id/docs/chatbot) |
| **Settings** | Segala hal lainnya: nama dan tanda proyek, domainnya, formulir, obrolan, email, versi, cadangan, dan alat untuk developer. | Lihat di bawah |

Di ujung paling kanan bilah, setelah situs dipublikasikan untuk pertama kalinya, Anda akan melihat tag abu-abu **Preview** dan tombol **Publish**. Setiap build masuk lebih dulu ke alamat pratinjau. Alamat itu tidak ditampilkan di mesin pencari, dan pesan yang dikirim lewat formulirnya disimpan di studio, bukan dikirim lewat email. **Publish** menjalankan pemeriksaan peluncuran dan, jika tidak ada yang perlu diperbaiki, membawa situs ke produksi. Setelah itu tombolnya bertuliskan **In production**, dan jika diklik akan menawarkan **Back to preview**.

Penerbitan menunggu build selesai

Saat pembuatan atau perubahan sedang berjalan, **Publish** berwarna abu-abu dengan petunjuk “Wait for the current build to finish”. Tombol ini aktif kembali begitu pekerjaan selesai. Panduan lengkapnya ada di [Publikasikan ke produksi](https://briks.dev/id/docs/publish-to-production).

## Percakapan

Sisi kiri adalah percakapan berjalan antara Anda dan Briks. Pesan Anda berada di kanan dalam gelembung gelap dan balasan Briks di kiri. Di bawah setiap balasan ada baris kecil berisi kredit yang dikenakan untuk permintaan itu dan kira-kira berapa lama waktunya. Di atas percakapan, label status menunjukkan posisi situs (**Draft**, **Building**, **Live** atau **Needs attention**) dan, setelah ada biaya, total berjalan proyek dalam kredit.

- **Ask for a change** dengan kata-kata sederhana, seperti `Add our Saturday hours to the footer: 9am to 1pm`. Briks membangun dan mempublikasikannya. Lihat [Membuat perubahan](https://briks.dev/id/docs/making-changes).
- **Ask a question**, misalnya `When did the site last change?`. Briks menjawab di utas percakapan tanpa membuat apa pun. Lihat [Mengajukan pertanyaan](https://briks.dev/id/docs/asking-questions).
- **Answer Briks's questions** sebelum pembuatan pertama, atau setujui kata-kata, tampilan, atau hero jika langkah-langkah itu diaktifkan. Lihat [Setujui saat dibangun](https://briks.dev/id/docs/approval-steps).

Kotak di bagian bawah berbunyi “Change the hero, add a page, adjust the colours…” sampai Anda mengetik. Enter mengirim, dan Shift dengan Enter membuat baris baru. Di samping kotak ada tiga tombol: **Attach pictures**, **Add from your media**, dan **Speak your request**. Di bawahnya ada sakelar, **Check the site after this change**, yang memeriksa situs yang dipublikasikan pada empat ukuran layar dan memperbaiki apa pun yang tampil rusak. Ini menambah beberapa menit, dan pilihan Anda diingat untuk situs itu di browser Anda.

Jika peran Anda adalah Viewer, kotak tersebut diganti dengan catatan: “You can view this project. Changes are made by Editors, Admins and Owners of this workspace.” Anda tetap bisa melihat seluruh percakapan dan pratinjau.

### Saat ada yang sedang dibangun

Sebuah panel muncul di percakapan dengan penghitung waktu, langkah-langkah yang dilalui pekerjaan, dan satu baris di bawahnya yang menjelaskan apa yang sedang dikerjakan Briks. Untuk sebuah perubahan, langkahnya adalah **Applying your changes**, **Verifying build**, dan **Publishing**, ditambah **Checking the published site** jika Anda mengaktifkan pemeriksaan. Tombol **Stop** ada di samping penghitung waktu. Kotak tetap terbuka dan tombolnya berubah menjadi **Queue**, sehingga Anda bisa mengantrekan permintaan berikutnya selagi yang ini selesai.

## Pratinjau

Sisi kanan adalah situs asli Anda yang sudah dipublikasikan, dalam sebuah bingkai. Ini bukan gambar: Anda dapat menggulirnya, mengeklik tombolnya, dan memakai menunya sendiri untuk berpindah halaman. Label di atasnya bertuliskan **Live preview** beserta waktu publikasi terakhir, dan bingkai dimuat ulang sendiri sesaat setelah setiap publikasi, sehingga Anda selalu melihat apa yang dilihat pengunjung.

| Kendali | Fungsinya |
| --- | --- |
| **Desktop** | Menampilkan situs selebar penuh bingkai. |
| **Tablet** | Menampilkannya selebar 834 piksel, berbingkai, seperti tablet yang dipegang tegak. |
| **Phone** | Menampilkannya selebar 390 piksel, seperti ponsel pada umumnya. |
| Daftar halaman | Muncul setelah situs memiliki lebih dari satu halaman: pilih halaman untuk membukanya di bingkai. |
| Panah undo dan redo | Kembali ke versi sebelumnya, atau maju lagi. Lihat [Versions](https://briks.dev/id/docs/versions). |
| **Versions** (ikon jam, yang menampilkan nomor aktif seperti v7) | Menampilkan setiap versi yang tersimpan, dengan **Make live** dan **Test against live**. |
| **Reload preview** | Memuat ulang halaman tanpa menunggu penerbitan. |
| **Full screen** | Memberi pratinjau seluruh jendela. Tekan Esc untuk menutupnya. |
| **Open in new tab** | Membuka situs di alamatnya sendiri. |

Sebelum publikasi pertama, belum ada situs yang bisa ditampilkan, sehingga pratinjau menata halaman Anda bagian demi bagian saat Briks merencanakan dan menuliskannya. Setelah halaman lain direncanakan, tab kecil (**Home** dan nama setiap halaman) memungkinkan Anda melihat masing-masing. [Memantau pembuatan](https://briks.dev/id/docs/watching-a-build) menjelaskan tampilan itu.

Beri ruang

Seret pegangan tipis di antara percakapan dan pratinjau untuk memberi ruang lebih pada salah satu sisi, dan klik dua kali untuk kembali ke bawaan. Lebar hasil seretan dan ukuran layar yang Anda pilih sama-sama diingat di browser Anda.

## Tab Settings

**Settings** mengumpulkan semua yang bukan tab tersendiri. Tab ini terbuka di **General**, dengan setiap bagian terdaftar di sisi kiri dalam kelompok. Di layar sempit, seperti ponsel, daftar melipat di bawah satu kontrol bertuliskan **Settings:** dan nama bagian yang terbuka. Ketuk untuk memilih bagian lain.

| Bagian | Grup | Kegunaannya | Baca selengkapnya |
| --- | --- | --- | --- |
| **General** | Di bagian atas | Nama, logo, favicon, badge Built with Briks, Made with Briks, menyalin, memindahkan, dan menghapus. | [Pengaturan proyek](https://briks.dev/id/docs/project-settings) |
| **Domain** | Di bagian atas | Alamat situs dan domain milik Anda sendiri. | [Hubungkan domain Anda](https://briks.dev/id/docs/custom-domains) |
| **Preferences** | Di bagian atas | Aturan yang dipatuhi setiap pembuatan, asal gambar, apa yang dilakukan setiap perubahan, dan website yang boleh dimuat oleh situs. | [Pengaturan proyek](https://briks.dev/id/docs/project-settings) |
| **Forms** | **Formulir dan email** | Apa yang dikirim pengunjung melalui formulir situs. | [Forms](https://briks.dev/id/docs/forms) |
| **Chats** | **Formulir dan email** | Setiap percakapan yang dilakukan pengunjung dengan chat situs dalam 90 hari terakhir, yang terbaru di atas, dengan **Export CSV**. | [Chatbot](https://briks.dev/id/docs/chatbot) |
| **Emails** | **Formulir dan email** | Email yang dikirim situs kepada pengunjungnya. | [Email situs](https://briks.dev/id/docs/site-email) |
| **Sign-in** dan **Payments** | **Accounts and payments** | Cara pengunjung situs Anda masuk, dan prosesor pembayaran yang dipakai situs untuk menerima pembayaran, masing-masing dengan kunci Anda sendiri. | [Login dan pembayaran](https://briks.dev/id/docs/sign-in-and-payments) |
| **Versions** | **Versi dan cadangan** | Setiap versi yang pernah dipublikasikan, masing-masing dengan cara untuk memulihkannya. | [Versi yang dipublikasikan](https://briks.dev/id/docs/publish-history) |
| **Backups** | **Versi dan cadangan** | Setiap versi kode, siap dipulihkan, atau diunduh di paket berbayar. | [Backups](https://briks.dev/id/docs/backups) |
| **File Explorer** | **Developer** | Kode yang ditulis untuk situs: baca dan edit, lalu unduh di paket berbayar. | [Kode situs Anda](https://briks.dev/id/docs/code) |
| **GitHub** | **Developer** | Menyimpan kode milik situs di repositori GitHub, tersinkron dua arah. | [Sinkronisasi GitHub](https://briks.dev/id/docs/github) |
| **Secrets** | **Developer** | Kunci dan kata sandi yang dibaca oleh kode situs itu sendiri. Setelah disimpan, nilainya tidak pernah dapat ditampilkan lagi. | [Secrets](https://briks.dev/id/docs/secrets) |
| **Webhooks** | **Developer** | Beri tahu layanan lain saat sesuatu terjadi di situs. | [Webhooks](https://briks.dev/id/docs/webhooks) |
| **Deploy hooks** | **Developer** | Alamat rahasia yang memublikasikan ulang proyek saat ada yang memanggilnya. | [Hook deploy](https://briks.dev/id/docs/publish-history) |
| **Scheduled tasks** | **Developer** | Panggilan yang dilakukan proyek sesuai jadwal, dalam zona waktu Anda. | [Tugas terjadwal](https://briks.dev/id/docs/crons) |
| **Logs** | **Developer** | Setiap build, perubahan, dan publikasi, beserta langkah-langkah yang dilaluinya. | [Logs](https://briks.dev/id/docs/logs) |

Tautan yang disimpan sebelum bagian-bagian ini pindah ke Settings, seperti yang ada di email lama, tetap berfungsi: tautan itu membuka bagian yang sama di sini.

## Tampilan pertama, langkah demi langkah

Sepuluh menit dengan proyek baru

1. Periksa statusnya

   Di mana: Studio

   Lihat label di atas percakapan. **Live** berarti publikasi terakhir berhasil. **Needs attention** berarti pekerjaan terakhir gagal, dan percakapan menjelaskan alasannya.

2. Lihat di ponsel

   Di mana: Preview toolbar

   Klik **Phone**, gulir seluruh halaman dan buka menunya. Sebagian besar yang ingin diperbaiki orang terlihat di sini lebih dulu.

3. Telusuri halaman satu per satu

   Di mana: Preview

   Gunakan menu situs itu sendiri di dalam bingkai untuk mengunjungi setiap halaman, persis seperti pengunjung.

4. Buka versi

   Di mana: Versions

   Klik ikon jam dengan nomor versi. Setiap pembuatan dan perubahan tercantum, dan versi yang dilihat pengunjung ditandai **Live**.

5. Beri nama yang tepat

   Di mana: Settings, General

   Buka tab **Settings**, yang terbuka di **General**. Periksa nama proyek, tambahkan logo dan favicon Anda jika ada, lalu tekan **Save** di bawah **Name and marks**.

6. Minta perubahan pertama Anda

   Di mana: Studio

   Kembali di **Studio**, tulis satu perubahan yang spesifik lalu tekan Enter. Perhatikan langkah-langkahnya, lalu lihat pratinjau saat dimuat ulang.

7. Publikasikan saat Anda siap

   Di mana: Top bar

   Tekan **Publish**. Pemeriksaan peluncuran berjalan lebih dulu dan hasilnya muncul di percakapan.

## Apa yang dilihat setiap peran

| Peran | Di halaman proyek |
| --- | --- |
| Owner dan Admin | Semuanya, termasuk menghapus proyek, memindahkannya ke ruang kerja lain, dan mengubah alamatnya. |
| Editor | Perubahan, pertanyaan, publikasi, versi, uji A/B, Visual Editor, dan penyuntingan kode. Bukan menghapus, memindahkan, atau mengubah alamat. |
| Viewer | Percakapan, pratinjau, daftar versi, dan analitik, hanya bisa dibaca. Tanpa kotak prompt, tanpa log **Chats**, dan Visual Editor hanya untuk melihat-lihat dan memberi komentar. |

Peran dimiliki ruang kerja, bukan satu proyek. [Anggota dan peran](https://briks.dev/id/docs/members-and-roles) memuat tabel lengkapnya.

Salinan sebuah template

Jika Anda membuat proyek dari template dan masih menampilkan detail bisnis lama, sebuah strip di atas percakapan akan memberitahukannya, dengan tombol **Make it yours** yang menulis ulang situs untuk bisnis Anda. Lihat [Templates](https://briks.dev/id/docs/templates).

### Mengapa tidak ada tombol Publish?

Ini muncul setelah situs dipublikasikan untuk pertama kalinya. Sebelum itu tidak ada yang bisa dibawa ke produksi.

### Mengapa saya tidak melihat tab Database?

Tab ini muncul setelah proyek memiliki database. Sebelum itu, hanya Owner dan Admin yang melihatnya, agar mereka bisa membuatnya. [Database](https://briks.dev/id/docs/database) menjelaskan cara membuatnya.

### Mengapa saya tidak melihat tab Visual Editor?

Editor Visual hadir di paket berbayar, jadi ruang kerja di Free tidak menampilkan tab tersebut. Owner dapat mengubah paket di **Billing**. Lihat [Editor Visual](https://briks.dev/id/docs/visual-editor).

### Pratinjau tampak belum diperbarui.

Klik **Reload preview**. Setelah publikasi, bingkai menunggu beberapa detik sebelum dimuat ulang agar versi baru siap di mana-mana.

### Siapa yang dapat menghentikan build?

Editor, Admin, dan Owner. Menghentikan yang belum dimulai tidak dikenai biaya.

## Baca selanjutnya

- [Mengerjakan proyek **Melakukan perubahan** Cara mengubah situs lewat tulisan ke Briks: isi pesan, menambah gambar, isi dan biaya perubahan, halaman dalam, antrean permintaan, perbaiki yang meleset.](https://briks.dev/id/docs/making-changes)
- [Mengerjakan proyek **Versi, urungkan, dan ulangi** Tiap build dan perubahan disimpan sebagai versi situs. Urungkan atau ulangi perubahan, atau tayangkan versi lama persis seperti dulu, tanpa kredit ditahan.](https://briks.dev/id/docs/versions)
- [Penerbitan dan domain **Publikasikan ke produksi** Bawa situs Briks dari pratinjau ke produksi: isi pemeriksaan peluncuran, penghalang peluncuran, cara memperbaiki tiap temuan, dan cara kembali ke pratinjau.](https://briks.dev/id/docs/publish-to-production)
- [Memulai **Menjelajahi dashboard** Tur dashboard Briks: navigasi, Home, Projects, Templates, Agents, Jump to, notifikasi, kredit Anda, dan tab di dalam sebuah proyek.](https://briks.dev/id/docs/exploring-the-dashboard)

Masih buntu?

Tulis ke [hello@briks.dev](mailto:hello@briks.dev) dengan nama proyek Anda dan apa yang Anda harapkan terlihat. Tangkapan layar akan membantu.