---
title: "El código de tu sitio | Briks"
url: https://briks.dev/es/docs/code
description: "Explora, edita y publica tu código en File Explorer en todos los planes. Con un plan de pago, descarga cualquier versión en zip y mira qué deja fuera."
last_updated: 2026-10-08
---

# 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 lectura Comprobado con el estudio el 8 de octubre de 2026

## Abrir el File Explorer

Dónde

1. Projects
2. Your project
3. Settings
4. 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.

| Carpeta | Qué 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.

Las ediciones solo existen en esta pestaña

Hasta que publiques, tus cambios solo existen en esta pestaña del navegador. Al salir de la página te pregunta “Leave without publishing?”, y al cerrar la pestaña se descartan. El sitio en vivo no se toca hasta que publiques.

## 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](https://briks.dev/es/docs/visual-editor) 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ímite | Importe |
| --- | --- |
| Archivos en un guardado | 50 |
| Un archivo que puedes editar | 256 KB (los archivos más grandes se muestran solo de lectura) |
| Todos los cambios en un solo guardado | 2 MB |
| La nota | 300 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`.

Dónde

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

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.

Archivar Agencia 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 mano Clí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**.

## Sigue leyendo

- [Trabajar en un proyecto **Versiones, deshacer y rehacer** Cada construcción y cambio se guarda como versión de tu sitio. Deshaz, rehaz o pon en vivo cualquier versión anterior tal como estaba, sin retener créditos.](https://briks.dev/es/docs/versions)
- [Trabajar en un proyecto **Sincronización con GitHub** Conecta un repositorio de GitHub: cada versión que publiques se sube allí y cada push a su rama se revisa y se publica en tu sitio.](https://briks.dev/es/docs/github)
- [Datos y automatización **Copias de seguridad** Briks guarda por proyecto versiones del código, puntos de restauración de la base de datos y copias nocturnas. Restaurar, descargar y qué guarda cada copia.](https://briks.dev/es/docs/backups)
- [Datos y automatización **Secretos** Guarda en el servidor las claves de API y contraseñas de tu sitio, nunca en páginas ni descargas. Añádelas, cámbialas, quítalas y conoce las reglas de Briks.](https://briks.dev/es/docs/secrets)

¿Sigues atascado?

Escribe a [hello@briks.dev](mailto:hello@briks.dev) con el nombre de tu proyecto y lo que esperabas ver. Una captura de pantalla ayuda.