# Crear un portal de clientes Softr basado en registros y permisos reales

Un complemento práctico de la demostración del portal, desde las tablas de la base de datos hasta las vistas separadas y las notificaciones de solicitudes.

[HTML](https://lukejbyrne.com/library/guides/x3bnzw0db0e/?lang=es)
Idioma del texto: es
Autor: Luke Byrne
Vídeo publicado el: 2026-10-17
Vídeo patrocinado: Softr

[Ver el vídeo](https://www.youtube.com/watch?v=X3Bnzw0Db0E)
Idioma del vídeo: Inglés

## Empezar por la necesidad del negocio

Gracias a Softr por patrocinar este vídeo.

Un portal de clientes debe hacer más que mostrar un panel convincente. Los clientes deben poder iniciar sesión, encontrar sus proyectos y facturas y enviar una solicitud que llegue al lugar correcto. Esas son las necesidades que aborda esta demostración de Softr.

En la demostración publicada, Codex y Claude Code se conectan mediante el servidor MCP de Softr para crear una interfaz personalizada con bloques de vibe coding. Softr aporta la base de datos, el inicio de sesión y los controles de permisos subyacentes. Los clientes y las cifras financieras son datos de prueba ficticios, no pruebas de un despliegue con clientes reales.

## Dar a la interfaz datos reales que leer

La secuencia grabada empieza con tablas de proyectos, solicitudes y facturas pobladas con registros de prueba. Después se pide a la página de proyectos que use los registros conectados en vez de texto de ejemplo. Esa distinción es esencial: la página debe reflejar el estado de la base de datos para que su contenido tenga sentido.

La descripción presenta el siguiente flujo. No proporciona un esquema completo de campos ni el prompt exacto, así que es una lista de comprobación complementaria, no una especificación de construcción para copiar y pegar.

1. Crea las tablas de proyectos, solicitudes y facturas y añade registros de prueba ficticios.
2. Construye la página de proyectos sobre esos registros conectados.
3. Configura filtros para que cada cliente solo vea sus propios proyectos, facturas y solicitudes.
4. Crea un formulario de solicitudes que guarde el proyecto, el correo electrónico, la fecha y el estado.
5. Conecta un flujo de notificaciones por correo a las nuevas solicitudes de clientes.

## Probar todo el recorrido de la solicitud

La demostración sigue una solicitud desde el formulario hasta la base de datos y después hasta su notificación por correo. Eso ofrece al espectador una secuencia concreta que revisar, en vez de detenerse en un mensaje de éxito en la página. Cada etapa forma parte de la misma acción del negocio.

También comprueba las vistas separadas de clientes, el acceso sin iniciar sesión y los diseños móviles. Son comprobaciones distintas: un portal puede parecer correcto para un cliente y mostrar registros equivocados a otro, y el diseño de escritorio dice poco sobre su uso en un teléfono.

La revisión final incluye el historial de versiones junto con esas comprobaciones de acceso y diseño. El siguiente paso útil es seguir cada etapa del vídeo enlazado con registros de prueba antes de considerar datos reales de clientes. La descripción publicada relata las comprobaciones de la demostración; no demuestra que otro portal herede sus resultados.

## Conclusión

Construye la interfaz alrededor de los registros y las reglas de acceso y sigue una solicitud completa por el sistema. La apariencia es solo una parte de un portal de clientes utilizable.

## Recursos de la guía

- [ailuke.short.gy](https://ailuke.short.gy/softr-oct26)

## Capítulos

- [0:00 Por qué fallan las aplicaciones de vibe coding para negocios](https://www.youtube.com/watch?v=X3Bnzw0Db0E&t=0s)
- [1:02 Bloques de vibe coding de Softr y MCP](https://www.youtube.com/watch?v=X3Bnzw0Db0E&t=62s)
- [2:06 Construir la base de datos y la página de proyectos](https://www.youtube.com/watch?v=X3Bnzw0Db0E&t=126s)
- [3:47 Inicio de sesión y reglas de permisos](https://www.youtube.com/watch?v=X3Bnzw0Db0E&t=227s)
- [6:31 Formulario de solicitudes y facturas](https://www.youtube.com/watch?v=X3Bnzw0Db0E&t=391s)
- [8:42 Flujo de notificaciones y pruebas finales](https://www.youtube.com/watch?v=X3Bnzw0Db0E&t=522s)

## Fuentes y límites

Complemento basado en la descripción publicada del vídeo, consultada el 26 de octubre de 2026. El vídeo no se vio ni transcribió para este complemento y la interfaz actual de Softr no se volvió a probar de forma independiente. No se reproduce ningún esquema de base de datos, expresión de permisos o prompt exacto. El ejemplo original usa datos ficticios de demostración; este artículo no es una evaluación de seguridad.

[Vídeo original](https://www.youtube.com/watch?v=X3Bnzw0Db0E)