El estudio desde el que se gestiona lukacapital.co: se hace clic en una frase de la página real, se reescribe en ambos idiomas y queda publicada en la siguiente petición.

Rol
Ingeniero principal.
Estudio
Authect
Cliente
Luka Capital
Año
2026
Lugar
Madrid
Hecho con
Next.js 15, React 19, TypeScript, Tailwind CSS, Drizzle, PostgreSQL, Auth.js, next-intl, Motion
El editor en vivo de Luka Studio. La página de inicio de lukacapital.co aparece en una vista previa con el titular seleccionado, y las versiones en español e inglés de ese titular están abiertas en dos campos encima.

El sitio de Luka Capital se gestiona desde aquí. Construí Luka Studio en Authect para que el propio equipo de la firma pueda cambiar lo que lee un visitante, en español e inglés, sin pasar por un desarrollador ni por un despliegue.

Vive en la misma aplicación que el sitio público, tras un inicio de sesión. Trece pantallas cubren cada frase del sitio, los metadatos para buscadores de cada página, el catálogo de propiedades, el equipo, los testimonios y los aliados, los datos de contacto de la firma, las cuentas y un historial de quién cambió qué.

  • 1.051textos editables en cada idioma
  • 13pantallas tras el inicio de sesión
  • 20acciones de servidor
  • 2idiomas, editados uno junto al otro

El editor en vivo

  • Clic en la frase

    El estudio carga la página real en un marco. En el modo de edición, cada frase editable aparece resaltada con un contorno y basta un clic para seleccionarla.

  • Los dos idiomas a la vez

    El español y el inglés se abren uno junto al otro, con un botón que restablece el texto original.

  • Publicado al guardar

    Al guardar se escribe una fila y se descarta el texto en caché. La siguiente petición ya renderiza la frase nueva. No se recompila ni se despliega nada.

  • El marco, bajo sospecha

    La página avisa al estudio de la selección con un mensaje, y el estudio comprueba de dónde viene ese mensaje antes de actuar.

La pantalla de páginas: una lista de las páginas del sitio junto a una vista previa de la página de inversiones al ancho de un teléfono.
Cualquier página del sitio, al ancho de escritorio o de teléfono.

La capa de contenido

  • Ediciones sobre el texto publicado

    Los textos del sitio viajan en el código como dos diccionarios. Cada edición se guarda como una sobrescritura de la misma clave y se superpone a ellos al renderizar la página.

  • La base de datos es opcional

    Si no responde, los visitantes reciben el texto con el que se publicó el sitio. Un fallo en el estudio no puede tumbar el sitio.

  • Todo, con buscador

    La pantalla de textos reúne todas las cadenas en 37 grupos y permite buscar por texto o por clave. Las cadenas con variables van señaladas para que los marcadores no se pierdan al editarlas.

  • Los metadatos también son texto

    El título y la descripción que cada página muestra en los buscadores son cadenas como cualquier otra, editables en ambos idiomas. Los valores por defecto del sitio tienen su propia pantalla.

  • Las ediciones huérfanas salen a la luz

    Cuando un desarrollador renombra o elimina una clave, las ediciones guardadas sobre ella se listan para poder limpiarlas.

El resumen del estudio: recuento de propiedades destacadas, miembros del equipo, testimonios y aliados, una lista de ediciones recientes y el estado de cada sistema conectado.
La pantalla de textos: las cadenas del sitio agrupadas por sección, con el título y la descripción para buscadores de la página de contacto abiertos en español e inglés.

Catálogo y colecciones

  • El feed llega, el estudio decide

    Los inmuebles llegan en modo de solo lectura desde el sistema de gestión de propiedades de la firma. El estudio decide qué hace el sitio con cada uno: destacarlo en la página de inicio, marcarlo como fuera de mercado, ocultarlo o fijar su posición en la lista.

  • Cada inmueble, con voz propia

    Cada propiedad puede llevar su propio subtítulo, su etiqueta de ubicación y su descripción en ambos idiomas. Si un campo queda vacío, se usa el dato del feed.

  • Cambia primero, confirma después

    Un interruptor cambia en pantalla al instante y vuelve atrás si el servidor lo rechaza.

  • Equipo, testimonios y aliados

    Las tres colecciones comparten un mismo gestor: añadir, editar, arrastrar para reordenar, publicar u ocultar y subir una imagen.

La pantalla de propiedades: una tabla de apartamentos de Madrid con su tipo, su estado y sus habitaciones, y los interruptores para destacar, marcar como fuera de mercado u ocultar cada uno.

Acceso

  • Dos roles

    Los administradores gestionan las cuentas. Los editores cambian el contenido y nada más, y las pantallas que no pueden usar no se les muestran.

  • Siempre se comprueba en el servidor

    El inicio de sesión es la primera puerta, no la única. Cada acción de escritura vuelve a comprobar la sesión y el rol antes de tocar la base de datos.

  • Un registro de cada cambio

    Los cambios en los textos, la selección de inmuebles y los ajustes quedan registrados con quién los hizo y cuándo. La pantalla de historial muestra los más recientes.

Identidad de marca de Luka Capital creada por Twineich Branding Studio.

SiguienteSigue bajando

El sitio de una profesional inmobiliaria de Caracas: una secuencia ligada al scroll, páginas WebGL que se despegan y cinco idiomas.

Rol
Diseño e ingeniería.
Estudio
Kavaliero
Año
2026
Lugar
Caracas
Hecho con
Next.js 15, React 19, TypeScript, Tailwind CSS, GSAP, Lenis, OGL, Sanity, next-intl
En línea
nelly-morales.com
Página de inicio de Nelly Morales, en español. El titular dice: Vender es contar una historia, junto a su retrato.