El código de tu sitio

Briks escribe código real para cada sitio, y es tuyo para leerlo. El File Explorer muestra los archivos escritos para tu sitio tal como los tiene la versión en vivo. Las personas con permisos de edición pueden cambiarlos y publicar, en todos los planes. En un plan de pago, cualquier persona del espacio de trabajo también puede descargarlos como zip.

6 minutos de lecturaComprobado con el estudio el 8 de octubre de 2026

Abrir el File Explorer

Tiene dos vistas: Files, donde lees y editas, y Settings, donde descargas con un plan de pago. El encabezado indica qué versión está en vivo, por ejemplo «The code written for this site, as version 14 is live.» Hasta que el sitio se publique no hay nada que mostrar, y la página dice «Nothing published yet».

Explorar los archivos

Las carpetas y los archivos aparecen en un árbol a la izquierda, primero las carpetas, cada una por orden de nombre. Escribe en Filter files para acotar la lista por nombre o carpeta. Debajo, un contador dice algo como “38 files written for this site”. El primer archivo abierto es content/site.ts, que contiene los datos principales del sitio.

CarpetaQué incluye
app/Las páginas del sitio, una carpeta por cada dirección de página.
components/custom/Las secciones escritas para tu sitio, como su hero, la lista de servicios y el pie de página.
content/Las palabras y los datos del sitio.
public/Archivos que el sitio sirve tal cual.
api/El código de servidor propio del sitio, si lo tiene.
db/La estructura de los datos del sitio, si guarda alguno.

Haz clic en un archivo para leerlo con números de línea. Wrap lines evita que las líneas largas se salgan por el lado y Copy copia el archivo entero al portapapeles. Las imágenes y otros archivos que no son texto aparecen en la lista pero no se muestran, y con un plan de pago forman parte de la descarga.

Edita un archivo y publícalo

Los Editors, Admins y Owners obtienen un editor al abrir un archivo. Los Viewers ven todos los archivos en solo lectura.

  1. Abrir el archivo

    Dónde: Files

    Haz clic en él en el árbol. El editor se abre con su texto.

  2. Haz tu edición

    Dónde: Editor

    Escribe como en cualquier editor de código. El archivo se marca como Edited, y su carpeta muestra un punto mientras está cerrada. Undo changes devuelve un archivo a como estaba.

  3. Añade o elimina archivos si hace falta

    Dónde: Files

    New file pide una ruta dentro de app/, components/custom/, content/, api/, db/ o public/. Delete marca un archivo para eliminarlo y Keep file te permite cambiar de opinión.

  4. Guardar y publicar

    Dónde: Editor

    Pulsa Save and publish en la barra inferior, o Ctrl+S (⌘S en Mac). El cuadro de diálogo enumera cada archivo modificado.

  5. Añadir una nota

    Dónde: Dialog

    Si quieres, indica qué cambió en Note. Se guarda en el historial de versiones.

  6. Confirmar

    Dónde: Dialog

    Pulsa Save and publish. La barra muestra, por ejemplo, “Publishing 2 changed files.” con un enlace para seguirlo en el Studio.

Qué pasa después de guardar

Briks crea el sitio con tus archivos y lo publica, normalmente en unos minutos. No se rediseña ni se reescribe nada, y no se retienen ni se cobran créditos. El estudio muestra Verifying build y Publishing, y luego una respuesta como “Your code changes are live: 2 files changed in the File Explorer. Nothing else about the site changed.” De vuelta en el File Explorer, una barra verde dice “Your changes are published and live.” con Open the site.

El guardado se convierte en una versión nueva marcada como Change, así que la flecha de deshacer sobre la vista previa la revierte. Los cambios que pidas después en la conversación parten de tus archivos editados. Los cambios publicados desde el editor visual se escriben en estos mismos archivos, así que los ves aquí una vez que están en vivo.

Si tu código no compila, no se publica nada y el sitio en producción se queda como estaba. Un cuadro rojo dice “Nothing was published”, indica el archivo en el que se detuvo y muestra debajo las propias líneas de la compilación. Tus ediciones siguen ahí: pulsa el botón Open de ese archivo para ir a la línea, corrígela y vuelve a publicar.

LímiteImporte
Archivos en un guardado50
Un archivo que puedes editar256 KB (los archivos más grandes se muestran solo de lectura)
Todos los cambios en un solo guardado2 MB
La nota300 caracteres

Se rechaza un guardado, con el motivo, si el sitio cambió desde que abriste la página («The site changed since you opened it: reload to see the new version.»), mientras algo se está construyendo o mientras se ejecuta una prueba A/B. El estudio escribe algunos archivos antes de cada compilación, así que aquí no se pueden cambiar, y el File Explorer te lo dice si lo intentas.

Descarga el código

La descarga del código viene con un plan de pago. En Free, el botón Download code y los botones Download de Backups no se muestran. Una nota dice “Downloading the code comes with a paid plan.”, y See what's included abre la ventana de mejora de plan en Download your site's code. Explorar y editar los archivos sigue disponible en todos los planes.

  1. Ve a la vista Settings

    Dónde: File Explorer

    Abre Settings, File Explorer y luego la vista Settings junto a Files.

  2. Descargar

    Dónde: Export

    Pulsa Download code. Obtendrás un zip con el nombre de la dirección y la versión del sitio, como harbour-plumbing-version-14.zip.

Para una versión anterior, abre Settings, Backups: cada versión tiene su propio botón Download. La fila Download code lleva una etiqueta Paid.

Qué contiene el zip y qué no

El zip contiene los archivos escritos para tu sitio: sus páginas, secciones, textos y archivos propios, exactamente como los tenía esa versión. Deja fuera los bloques de construcción compartidos que el estudio ofrece a todos los sitios, los archivos que configuran la compilación y todo lo secreto. Como faltan esas piezas compartidas, el zip no se ejecutará ni se compilará por sí solo.

Eso lo convierte en un registro y una referencia, más que en una copia portátil. Se usa para guardar un archivo de lo que salió en producción, para mostrarle a un desarrollador cómo se hizo una sección o para buscar los textos del sitio en su propio editor.

ArchivarAgencia de diseño

Una agencia con seis sitios de clientes descarga el zip de cada sitio tras el lanzamiento y lo archiva con el contrato del cliente.

Cada zip contiene las páginas y los textos de la versión de lanzamiento, así pueden mostrar exactamente qué se publicó y cuándo.

Un pequeño arreglo a manoClínica de fisioterapia

La administradora de la clínica encuentra el archivo con el horario de apertura, cambia el viernes a 8am to 4pm, añade la nota Winter hours y pulsa Save and publish.

Unos minutos después, el sitio mostraba el nuevo horario. Versions lo listó como un Change, y no se usó ningún crédito.

¿Pueden los Viewers editar código?

No. Pueden leer todos los archivos y, con un plan de pago, descargar el zip.

¿Puedo descargar el código en Free?

No. La descarga del código viene con un plan de pago, desde Starter. En Free sigues pudiendo explorar todos los archivos y, con permisos de edición, editarlos y publicarlos.

¿Briks sobrescribirá mis ediciones?

Los cambios que pidas más adelante parten de tus archivos. Aun así, un cambio puede reelaborar un archivo que toque, así que menciona tu edición si le pides a Briks que cambie la misma sección.

¿Puedo añadir imágenes aquí?

No. Las imágenes y otros archivos que no son texto no se pueden crear en el File Explorer. Usa la pestaña Media o Storage.