---
title: "Kode situs Anda | Briks"
url: https://briks.dev/id/docs/code
description: "Telusuri, edit, dan publikasikan kode website Anda di File Explorer di semua paket. Paket berbayar: unduh zip versi apa pun, lihat yang tidak disertakan."
last_updated: 2026-10-08
---

# Kode situs Anda

Briks menulis kode sungguhan untuk setiap situs, dan Anda bebas membacanya. File Explorer menampilkan file yang ditulis untuk situs Anda sebagaimana versi yang tayang menyimpannya. Orang dengan hak edit dapat mengubahnya dan mempublikasikan, di semua paket. Di paket berbayar, siapa pun di ruang kerja juga dapat mengunduhnya sebagai zip.

Baca 6 menit Dicocokkan dengan studio pada 8 Oktober 2026

## Buka File Explorer

Di mana

1. Projects
2. Your project
3. Settings
4. File Explorer

Halaman ini punya dua tampilan: **Files**, tempat Anda membaca dan menyunting, dan **Settings**, tempat Anda mengunduh pada paket berbayar. Judulnya menyebutkan versi mana yang sedang tayang, misalnya “The code written for this site, as version 14 is live.” Sebelum situs dipublikasikan tidak ada yang bisa ditampilkan, dan halaman menampilkan “Nothing published yet”.

## Telusuri file

Folder dan file tersusun dalam pohon di sebelah kiri, folder lebih dulu, masing-masing berurutan menurut nama. Ketik di **Filter files** untuk mempersempit daftar menurut nama atau folder. Di bawahnya, hitungan bertuliskan kira-kira “38 files written for this site”. File pertama yang dibuka adalah `content/site.ts`, yang memuat fakta utama situs.

| Folder | Isinya |
| --- | --- |
| `app/` | Halaman-halaman situs, satu folder untuk setiap alamat halaman. |
| `components/custom/` | Bagian-bagian yang ditulis untuk situs Anda, seperti hero, daftar layanan, dan footer. |
| `content/` | Kata-kata dan fakta situs. |
| `public/` | File yang disajikan situs apa adanya. |
| `api/` | Kode server milik situs itu sendiri, jika ada. |
| `db/` | Struktur data situs, jika situs menyimpan data. |

Klik sebuah file untuk membacanya dengan nomor baris. **Wrap lines** mencegah baris panjang keluar dari sisi layar, dan **Copy** menyalin seluruh file ke clipboard Anda. Gambar dan file lain yang bukan teks dicantumkan tetapi tidak ditampilkan, dan di paket berbayar file tersebut termasuk dalam unduhan.

## Edit file lalu publikasikan

Editor, Admin, dan Owner mendapatkan editor saat membuka file. Viewer melihat semua file dalam mode hanya baca.

1. Buka file

   Di mana: Files

   Klik di pohon file. Editor terbuka dengan teksnya.

2. Lakukan perubahan Anda

   Di mana: Editor

   Ketik seperti di editor kode mana pun. File ditandai **Edited**, dan foldernya menampilkan titik saat tertutup. **Undo changes** mengembalikan satu file seperti semula.

3. Tambah atau hapus file jika perlu

   Di mana: Files

   **New file** meminta path di dalam `app/`, `components/custom/`, `content/`, `api/`, `db/` atau `public/`. **Delete** menandai file untuk dihapus, dan **Keep file** membatalkan keputusan Anda.

4. Simpan dan publikasikan

   Di mana: Editor

   Tekan **Save and publish** di bilah bawah, atau Ctrl+S (⌘S di Mac). Dialog menampilkan setiap file yang berubah.

5. Tambahkan catatan

   Di mana: Dialog

   Jika mau, tulis apa yang berubah di **Note**. Catatan itu disimpan di riwayat versi.

6. Konfirmasi

   Di mana: Dialog

   Tekan **Save and publish**. Bilah menampilkan, misalnya, “Publishing 2 changed files.” dengan tautan untuk mengikutinya di Studio.

Perubahan hanya ada di tab ini

Sebelum Anda menerbitkan, perubahan Anda hanya ada di tab browser ini. Meninggalkan halaman akan menampilkan pertanyaan “Leave without publishing?”, dan menutup tab akan membuangnya. Situs langsung tidak tersentuh sampai Anda menerbitkan.

## Yang terjadi setelah Anda menyimpan

Briks membangun situs dengan file Anda dan memublikasikannya, biasanya dalam beberapa menit. Tidak ada yang didesain ulang atau ditulis ulang, dan tidak ada kredit yang ditahan atau dikenakan. Studio menampilkan **Verifying build** dan **Publishing**, lalu balasan seperti "Your code changes are live: 2 files changed in the File Explorer. Nothing else about the site changed." Kembali di File Explorer, bilah hijau bertuliskan "Your changes are published and live." dengan **Open the site**.

Penyimpanan menjadi versi baru bertanda **Change**, sehingga panah urungkan di atas pratinjau dapat membatalkannya. Perubahan yang Anda minta lewat percakapan setelahnya dimulai dari file yang sudah Anda edit. Perubahan yang dipublikasikan dari [Editor Visual](https://briks.dev/id/docs/visual-editor) ditulis ke file yang sama ini, jadi Anda melihatnya di sini setelah tayang.

Jika kode Anda gagal di-build, tidak ada yang dipublikasikan dan situs live tetap seperti semula. Kotak merah bertuliskan “Nothing was published” menyebutkan file tempat prosesnya berhenti dan menampilkan baris dari build itu sendiri di bawahnya. Suntingan Anda tetap ada: tekan tombol **Open** untuk file tersebut agar langsung menuju barisnya, perbaiki, lalu publikasikan lagi.

| Batas | Jumlah |
| --- | --- |
| File dalam satu penyimpanan | 50 |
| Satu file yang bisa Anda edit | 256 KB (file yang lebih besar ditampilkan hanya baca) |
| Semua perubahan dalam satu penyimpanan | 2 MB |
| Catatannya | 300 karakter |

Penyimpanan ditolak, disertai alasannya, jika situs berubah sejak Anda membuka halaman (“The site changed since you opened it: reload to see the new version.”), saat sesuatu sedang dibangun, atau saat uji A/B berjalan. Beberapa file ditulis oleh studio sebelum setiap build, sehingga tidak bisa diubah di sini, dan File Explorer akan memberi tahu Anda jika Anda mencobanya.

## Unduh kodenya

Mengunduh kode tersedia di paket berbayar. Di Free, tombol **Download code** dan tombol **Download** di **Backups** tidak ditampilkan. Sebuah catatan menyebutkan “Downloading the code comes with a paid plan.”, dan **See what's included** membuka jendela upgrade pada **Download your site's code**. Menjelajahi dan mengedit file tetap terbuka di setiap paket.

1. Buka tampilan Settings

   Di mana: File Explorer

   Buka **Settings**, **File Explorer**, lalu tampilan **Settings** di samping **Files**.

2. Unduh

   Di mana: Export

   Tekan **Download code**. Anda mendapat file zip yang dinamai sesuai alamat dan versi situs, seperti `harbour-plumbing-version-14.zip`.

Di mana

1. Settings
2. File Explorer
3. Settings
4. Download code

Untuk versi sebelumnya, buka **Settings**, **Backups**: setiap versi memiliki tombol **Download** sendiri. Baris **Download code** diberi tag **Paid**.

## Isi zip, dan yang tidak ada di dalamnya

File zip berisi file yang ditulis untuk situs Anda: halaman, bagian, teks, dan file miliknya sendiri, persis seperti pada versi itu. File zip tidak menyertakan komponen bersama yang disediakan studio untuk setiap situs, file yang mengatur proses build, dan apa pun yang rahasia. Karena komponen bersama itu tidak ada, file zip tidak bisa dijalankan atau di-build sendiri.

Artinya ini adalah catatan dan acuan, bukan salinan yang bisa dipindahkan. Orang memakainya untuk menyimpan arsip apa yang sudah tayang, menunjukkan kepada developer bagaimana sebuah seksi dibuat, atau mencari teks situs di editor mereka sendiri.

Arsip Agensi desain

> Sebuah agensi dengan enam situs klien mengunduh zip tiap situs setelah peluncuran dan menyimpannya bersama kontrak klien.

Setiap zip berisi halaman dan teks dari versi peluncuran, sehingga bisa menunjukkan dengan tepat apa yang tayang dan kapan.

Perbaikan kecil secara manual Klinik fisioterapi

> Manajer kantor klinik menemukan file yang berisi jam buka, mengubah hari Jumat menjadi 8am to 4pm, menambahkan catatan `Winter hours`, lalu menekan **Save and publish**.

Beberapa menit kemudian situs menampilkan jam baru. **Versions** mencatatnya sebagai **Change**, dan tidak ada kredit yang terpakai.

### Bisakah Viewer mengedit kode?

Tidak. Mereka dapat membaca setiap file, dan di paket berbayar mengunduh zip-nya.

### Bisakah saya mengunduh kode di paket Free?

Tidak. Unduh kode tersedia pada paket berbayar, mulai dari Starter. Pada Free Anda tetap dapat menjelajahi setiap file dan, dengan hak edit, menyunting dan memublikasikannya.

### Apakah Briks akan menimpa hasil edit saya?

Perubahan yang Anda minta nanti dimulai dari file Anda. Satu perubahan tetap bisa menulis ulang file yang disentuhnya, jadi sebutkan edit Anda jika Anda meminta Briks mengubah bagian yang sama.

### Bisakah saya menambahkan gambar di sini?

Tidak. Gambar dan file lain yang bukan teks tidak dapat dibuat di File Explorer. Gunakan tab **Media** atau **Storage**.

## Baca selanjutnya

- [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)
- [Mengerjakan proyek **Sinkronisasi GitHub** Hubungkan repositori GitHub: setiap versi yang Anda publikasikan di-commit ke sana, dan setiap push ke branch-nya diperiksa lalu terbit di situs Anda.](https://briks.dev/id/docs/github)
- [Data dan otomatisasi **Cadangan** Apa yang disimpan Briks dari setiap proyek: versi kode, titik pemulihan database, dan salinan malam. Cara memulihkan, cara mengunduh, dan isi setiap salinan.](https://briks.dev/id/docs/backups)
- [Data dan otomatisasi **Secrets** Simpan kunci API dan kata sandi untuk kode situs di server situs, bukan di halaman atau unduhan. Tambah, ubah, hapus, dan aturan yang Briks terapkan.](https://briks.dev/id/docs/secrets)

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.