--- title: "Situs pertama Anda, dari awal sampai akhir | Briks" url: https://briks.dev/id/docs/your-first-site description: "Ikuti satu toko roti kecil dari New project ke pratinjau di briks.live, perubahan pertama di chat, sampai Publish ke produksi, dengan setiap layar berurutan." last_updated: 2026-10-08 --- # Situs pertama Anda, dari awal sampai akhir Panduan ini mengikuti satu bisnis dari ruang kerja kosong hingga situs publik, sehingga Anda melihat setiap layar sekali sebelum mencobanya sendiri. Contohnya Larder Lane, toko roti kecil di York, yang dibuat dengan 50 kredit paket Free. Baca 9 menit Dicocokkan dengan studio pada 8 Oktober 2026 ## Sebelum Anda mulai Siapkan tiga hal: nama bisnis, satu paragraf tentang bisnis itu, dan daftar kasar halaman. Sam, pemilik Larder Lane, ingin situs yang menampilkan roti, menerima pre-order hari Sabtu, dan memberi tahu orang di mana tokonya serta kapan buka. Sam memakai paket Free, jadi ia punya 50 kredit dan ruang untuk 1 proyek. Situs baru menahan 50 kredit selama dibuat, sehingga ia memulai dengan saldo penuh dan tidak memakai kredit untuk hal lain terlebih dahulu. Sebagai situs pertama di ruang kerja Free, situs itu dibuat penuh meskipun butuh lebih dari yang ia punya. ## Langkah satu: jelaskan bisnis Anda Di mana 1. Projects 2. New project Anda juga bisa memulai dari kotak prompt di Home lalu menekan **Continue**. Keduanya membawa Anda ke penyiapan singkat dalam tujuh langkah: **What are you making?**, **Describe it**, **Show what you like**, **Your brand**, **Pictures**, **How it is built**, dan **Review and create**. Daftar di sampingnya menunjukkan posisi Anda, dan **Back** serta **Next** berpindah antarlangkah. Apa yang Anda masukkan disimpan di browser ini sampai pembuatan dimulai, jadi Anda bisa pergi dan kembali lagi. 1. Pilih jenisnya dan beri nama Di mana: What are you making? Sam memilih **Website** dan mengetik `Larder Lane` di **Business or project name**. Nama itu juga menjadi alamat pertama situsnya. 2. Tulis deskripsinya Di mana: Describe it Kotak ini menerima hingga 25.000 karakter dan membutuhkan minimal sepuluh. Anda bisa mengetik atau berbicara. Panel di bawahnya mencantumkan isi deskripsi yang baik: untuk siapa dan di mana, apa yang ditawarkan atau dilakukan, bagaimana nuansanya, serta halaman atau fitur yang dibutuhkan. 3. Lewati langkah opsional Di mana: Show what you like, Your brand Keduanya ditandai **Optional**, dan jika tidak diisi tombolnya bertuliskan **Skip**. Sam tidak punya situs yang ingin ia ikuti dan tidak punya warna tetap, jadi ia melewati keduanya dan membiarkan Briks memilih. 4. Pertahankan gambar bawaan Di mana: Pictures Pilihan pertama, bertanda **Included**, mengambil gambar yang cocok dari pustaka studio dan menggambar apa pun yang kurang, tanpa biaya untuk gambar. Pilihan lainnya menggambar setiap gambar baru dan menambahkan harga per gambar ke biaya pembuatan. 5. Periksa cara pembuatannya Di mana: How it is built **Ask about what is unclear before building** aktif; biarkan tetap aktif. Sam membiarkan sakelar persetujuan dan **Check the published site** tetap nonaktif. 6. Tinjau dan bangun Di mana: Review and create Setiap pilihan tercantum dengan jalan kembali untuk mengubahnya. Catatan di bawahnya menyebut bahwa proyek baru menahan 50 kredit selama dibangun, berapa saldo Anda, dan bahwa versi pertama memerlukan beberapa menit. Bila proyek seperti ini biasanya butuh lebih dari saldo Anda, satu baris di bawahnya memberi perkiraan. Sam menekan **Build it**. Brief Sam Larder Lane, York > Toko roti kecil di lingkungan sekitar di York, buka Rabu sampai Sabtu. Roti sourdough, rye, dan kue pastri dipanggang di tempat setiap pagi. Pelanggan dapat memesan roti lebih dulu untuk diambil hari Sabtu lewat formulir sederhana: nama, telepon, pesanan, dan jam pengambilan. Halaman: beranda, roti kami, pre-order, kunjungi kami dengan jam buka dan petunjuk arah, serta kisah singkat tentang kami berdua. Hangat dan bicara apa adanya. Warna krem dan hijau tua, foto roti yang besar dan jujur. Mengapa formulir, bukan toko Sam meminta pra-pesan lewat formulir, bukan pembayaran online, karena ia ingin memulai dengan sederhana: pelanggan membayar di kasir. Untuk menerima pembayaran online nanti, ia akan menghubungkan prosesor pembayarannya sendiri di **Settings**, **Payments** dan memintanya dalam sebuah perubahan. Biarkan langkah persetujuan tetap nonaktif pada 50 kredit **Approve the words before building**, **Choose the look from three directions**, dan **Choose the hero from four wireframes** masing-masing menjeda build sampai Anda memutuskan. Melanjutkan setelah salah satunya menahan hingga 50 kredit lagi, atau sebanyak saldo Anda jika tinggal 5, dan setiap bagian dikenai biaya sesuai pekerjaannya. Pada 50 kredit, build dengan beberapa jeda bisa membuat saldo Anda menipis; lihat [setujui saat build berjalan](https://briks.dev/id/docs/approval-steps). ## Langkah kedua: jawab pertanyaannya Proyek terbuka di tab **Studio**, dengan percakapan di sebelah kiri dan pratinjau di sebelah kanan. Sebelum merencanakan apa pun, Briks menyiapkan beberapa pertanyaan; label di atas pratinjau berbunyi 'Waiting for your answers'. Rincian lengkapnya ada di [pertanyaan sebelum membangun](https://briks.dev/id/docs/questions-before-building). 1. Centang halamannya Di mana: Studio Briks menyarankan halaman dari brief Anda. **Home** ditandai **Always**. Centang atau hapus centang sisanya, dan tambahkan halaman Anda sendiri di kolom bertuliskan 'Add a page, for example Careers'. Sebuah situs bisa dimulai dengan hingga 10 halaman, dan setiap halaman yang Anda centang dibuat secara lengkap. 2. Jawab pertanyaan lainnya Di mana: Studio Masing-masing punya pilihan bertanda **Recommended**, yang sudah terpilih. Ubah yang kurang tepat, atau pilih **Something else** untuk menulis jawaban Anda sendiri. 3. Kirim jawaban Anda Di mana: Studio Tekan **Continue**. **Decide for me** akan mengambil semua jawaban yang direkomendasikan. Anda juga bisa mengetik jawaban dengan kata-kata sendiri di kotak di bawah percakapan. Pilihan Sam > Sam mempertahankan Home, Our bread, Pre-orders, Visit us, dan Our story, lalu menambahkan `Wholesale` untuk tiga kafe yang ia pasok. Satu pertanyaan menanyakan bagaimana pre-order sebaiknya diterima; ia memilih jawaban yang direkomendasikan. Enam halaman, lalu Continue. Pembuatan langsung dimulai. ## Langkah ketiga: saksikan pembuatannya Percakapan menampilkan setiap tahap saat terjadi, seperti **Planning the site and its pictures**, **Designing and building**, **Verifying build**, dan **Publishing**. Versi pertama memerlukan beberapa menit. Anda boleh meninggalkan halaman selagi berjalan; pembuatan terus berlangsung dan hasilnya menunggu saat Anda kembali. [Memantau pembuatan](https://briks.dev/id/docs/watching-a-build) menjelaskan setiap tahap. Saat situs dipublikasikan, pratinjau terisi dan label di atasnya berubah menjadi **Live preview**. Tombol di atas pratinjau memungkinkan Anda melihatnya pada lebar desktop, tablet, dan ponsel, memuat ulang, membukanya layar penuh, atau membukanya di tab baru pada alamatnya sendiri agar Anda dapat menelusuri setiap halaman seperti pengunjung. Berubah pikiran di tengah pembuatan? **Stop** menghentikan build yang sedang berjalan sebelum dipublikasikan, sehingga situs tetap seperti semula. Anda hanya dikenai biaya untuk pekerjaan yang sudah dilakukan hingga berhenti. Jika build menunggu kredit Pada situs berikutnya, atau di paket berbayar, pembuatan yang sisanya biasanya membutuhkan lebih banyak kredit daripada yang Anda miliki akan berhenti setelah direncanakan. Percakapan menyatakan **Waiting for credits**, dengan perkiraan dan kredit yang Anda miliki, dan rencananya tetap tersimpan. Tekan **Get credits**, lalu **Resume building** setelah Anda memilikinya; ia tidak pernah lanjut sendiri. Lihat [kredit dan paket](https://briks.dev/id/docs/credits-and-plans). ## Langkah empat: buka pratinjau Publikasi pertama adalah pratinjau di alamat yang dibuat dari nama proyek, di sini `larder-lane.briks.live`. Jika nama itu sudah dipakai, beberapa karakter ditambahkan di akhir. Owner atau Admin dapat mengubahnya nanti; lihat [alamat situs Anda](https://briks.dev/id/docs/site-address). Pratinjau adalah situs sungguhan yang berfungsi dan bisa dibuka siapa pun yang memiliki alamatnya. Bedanya dengan produksi ada dua: mesin pencari diminta untuk tidak memasukkannya, dan pesan yang dikirim lewat formulirnya disimpan di studio tetapi tidak dikirim ke email Anda. - Baca setiap halaman di ponsel Anda sendiri, bukan hanya di panel pratinjau. - Buka menu dan pastikan setiap halaman yang Anda centang ada di sana. - Kirim pre-order uji lewat formulir, lalu temukan di **Forms** proyek. Di mana 1. Projects 2. Larder Lane 3. Settings 4. Forms ## Langkah lima: buat satu perubahan Sam melihat jam buka berada di bagian bawah halaman Visit us, dan foto di beranda menampilkan croissant padahal ia dikenal dengan sourdough. Ia menulis satu pesan di kotak di bawah percakapan, yang bertuliskan 'Change the hero, add a page, adjust the colours…'. 1. Tulis perubahannya Di mana: Studio Sampaikan apa yang diubah dan di mana, dengan kata-kata sederhana. Satu pesan dapat memuat beberapa perubahan yang saling terkait, hingga 6.000 karakter, dengan hingga enam gambar atau video terlampir. 2. Putuskan berdasarkan pemeriksaan Di mana: Studio Di bawah kotak, **Check the site after this change** memeriksa situs yang diterbitkan pada empat ukuran layar dan memperbaiki tampilan yang rusak. Ini menambah beberapa menit dan sejumlah kredit, jadi biarkan nonaktif untuk perubahan kecil seperti ini. 3. Kirim Di mana: Studio Tekan tombol kirim, **Send**. Sebuah perubahan menahan 5 kredit selama berjalan. Jika build sedang berjalan, tombol berubah menjadi **Queue**: pesan menunggu dan berjalan setelah build itu selesai. Perubahan dari Sam > Di Visit us, taruh jam buka di bagian atas dengan huruf besar: Rabu sampai Sabtu, pukul 8 pagi sampai 2 siang. Di beranda, ganti foto besar dengan foto jarak dekat roti sourdough di atas talenan kayu. Briks membangun perubahan itu dan memublikasikannya ke alamat yang sama, lalu pratinjau dimuat ulang. Versi sebelumnya tetap ada di versi proyek kalau-kalau Sam ingin mengembalikannya. Tips Mengetik pertanyaan, bukan perubahan, seperti 'halaman mana yang punya formulir?', akan dijawab di dalam percakapan tanpa proses pembuatan dan tanpa kredit yang ditahan. Lihat [mengajukan pertanyaan](https://briks.dev/id/docs/asking-questions) dan [membuat perubahan](https://briks.dev/id/docs/making-changes). ## Langkah enam: publikasikan ke produksi Produksi membuat situs terbuka untuk publik sepenuhnya: mesin pencari dapat mendaftarkannya, dan pesan dari formulirnya dikirim ke email Anda. 1. Tekan Publish Di mana: Top bar Setelah sebuah situs dipublikasikan, bilah atas menampilkan **Preview** dan tombol **Publish**. Tekan tombol itu. 2. Baca dialognya Di mana: Publish to production Ini menjelaskan apa yang berubah. Briks memeriksa situs terlebih dahulu, termasuk tautannya, dan jika ada yang perlu diperbaiki, tidak ada yang berubah dan studio memberi tahu Anda apa masalahnya. 3. Konfirmasi Di mana: Publish to production Tekan **Publish to production**. Setelah selesai, tombol di bilah atas berbunyi **In production**. Mempublikasikan ke produksi, dan kembali dengan **Back to preview**, tidak menahan kredit. Setelah situs masuk produksi, setiap perubahan yang Anda kirim juga dipublikasikan di sana. Selengkapnya di [publikasikan ke produksi](https://briks.dev/id/docs/publish-to-production). ## Langkah tujuh: domain Anda sendiri Di paket Free, situs tetap berada di alamat `briks.live`-nya, yang juga berfungsi di produksi. Menghubungkan domain milik Anda sendiri, seperti `larderlane.co.uk`, dimulai dari paket Starter. Di mana 1. Projects 2. Larder Lane 3. Settings 4. Domain Di sana Anda mengetik domain di **Your domain** lalu menekan **Connect domain**. Setelah itu Anda menambahkan tiga record di perusahaan tempat Anda membeli domain. Record adalah pengaturan singkat yang memberi tahu internet ke mana domain Anda mengarah: di sini sebuah record A, sebuah CNAME untuk `www` yang mengarah ke `edge.briks.live`, dan sebuah record TXT bernama `_briks` yang membuktikan bahwa domain itu milik Anda. Briks memeriksanya ulang setiap 2 menit dan menerbitkan sertifikat keamanan untuk Anda. [Hubungkan domain Anda](https://briks.dev/id/docs/custom-domains) menjelaskan langkah-langkahnya. ## Jika ada yang salah ### Pembuatan gagal. Apakah saya ditagih? Tidak. Permintaan yang gagal tidak dikenai biaya, dan dana yang ditahan kembali ke saldo Anda. Proyek menampilkan **Needs attention**; baca pesan terakhir dalam percakapan, lalu kirim pesan berikutnya untuk melanjutkan. ### Kredit saya tidak cukup untuk sebuah perubahan. Studio menjelaskan isi perubahan itu dan saldo Anda, dan tidak ada yang dimulai. Perubahan yang menambah halaman juga bisa ditolak jika biasanya membutuhkan lebih dari yang Anda miliki, disertai perkiraannya. Situs Anda tetap online. Owner dapat pindah ke paket dengan lebih banyak kredit dari jendela yang terbuka, atau dari **Billing**. Lihat [kredit dan paket](https://briks.dev/id/docs/credits-and-plans). ### Bisakah saya membuat situs kedua di Free? Tidak. Paket Free menyertakan 1 proyek. Pro ke atas menyertakan lebih banyak; lihat tabel paket di [kredit dan paket](https://briks.dev/id/docs/credits-and-plans). ### Orang lain sebaiknya melihatnya sebelum tayang. Kirimkan alamat pratinjau kepada mereka. Mereka tidak perlu memiliki akun. Lihat [membagikan pratinjau](https://briks.dev/id/docs/sharing-a-preview). ## Baca selanjutnya - [Sedang dibuat **Mulai proyek baru** Setiap pilihan di halaman New project, langkah demi langkah: jenis proyek, brief, situs yang Anda suka, merek, gambar, pengaturan build, dan biaya memulai.](https://briks.dev/id/docs/new-project) - [Sedang dibuat **Menulis brief yang baik** Apa yang ditulis di brief agar build pertama tepat sasaran: bisnis, audiens, halaman, aksi utama, fakta, dan nada, dengan enam contoh sebelum dan sesudah.](https://briks.dev/id/docs/writing-a-brief) - [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) - [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) 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.