Saltar al contenido
Guía8 min de lectura

Vídeo demo de portafolio de Firebase Studio

Muestre la app de Firebase Studio funcionando, no una captura del editor.

Convierta una app de Firebase Studio en una entrada de portafolio que muestre la app funcionando en su URL pública, no una captura del entorno de trabajo.

Ver cómo funcionaLos primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargarlo.

Una entrada de portafolio de Firebase Studio necesita demostrar algo que una captura de pantalla no puede: que se construyó algo concreto de verdad, y no que se ensambló a partir de un andamiaje por defecto con colores distintos. Firebase Studio hace posible tener rápidamente una app con buena apariencia en pantalla, especialmente con su andamiaje asistido por IA, y esa rapidez es exactamente la razón por la que una captura de pantalla por sí sola no distingue una app que tiene lógica real detrás de otra que sigue siendo mayormente la plantilla inicial. Un vídeo corto de un flujo completándose de verdad es la diferencia que un revisor puede ver.

GogoScreen construye eso a partir de una URL pública de la app y una indicación de una sola línea que describe el flujo, y devuelve un MP4 narrado en aproximadamente dos minutos con zooms en los clics, suavizado del cursor, silencios muertos eliminados y subtítulos integrados. Si el flujo está detrás de Firebase Authentication, se puede proporcionar una cuenta de demostración: se cifra, se usa para una sola renderización y después se elimina. Si primero se planifica un storyboard, las credenciales se conservan cifradas durante esa sesión y se eliminan como máximo dos horas después de su último uso. Nada de esto promete que toda renderización vaya a funcionar sin problemas. Aproximadamente una de cada cinco renderizaciones necesita un segundo intento, algo que vale la pena saber antes de enviarla la noche anterior a que un portafolio tenga que estar en directo.

¿Por qué no sirve la vista previa del entorno de trabajo para esto?

La vista previa en directo dentro del entorno de trabajo de Firebase Studio está ligada a la cuenta de Google con acceso a ese proyecto, así que no es algo que un desconocido que revisa un portafolio pueda abrir por su cuenta, aunque tuviera el enlace. Una entrada de portafolio necesita una URL que funcione para alguien sin ninguna relación con el proyecto, lo que significa que la app tiene que estar desplegada en su dirección pública de Firebase Hosting antes de poder grabarse con este fin.

Desplegar también impone una disciplina útil: una app que solo funciona dentro del entorno de trabajo de desarrollo, apoyándose en ajustes o datos que solo existen ahí, revelará esa brecha en cuanto se abra en frío en la URL pública. Detectar eso antes de grabar es mejor que detectarlo después de que un revisor ya haya intentado y fallado en ver lo que se prometía.

Requisito del portafolioPor qué la URL desplegada lo satisfacePor qué la vista previa del entorno de trabajo no lo satisface
Accesible para un desconocidoLa URL pública de Firebase Hosting no necesita acceso al proyectoLa vista previa del entorno de trabajo necesita acceso de cuenta de Google al proyecto
Muestra un comportamiento real y terminadoObliga a que la app funcione fuera del entorno de desarrolloPuede ocultar brechas que solo existen una vez desplegada
Segura para enlazar públicamenteUna URL de alojamiento está pensada para compartirseEl entorno de trabajo es una herramienta de desarrollo, no un activo compartible

¿Qué flujo debe mostrar realmente el vídeo?

Elija un flujo que refleje trabajo personalizado, no el comportamiento por defecto del andamiaje. Si la app se construyó partiendo de una plantilla generada, el vídeo debe centrarse en lo que se añadió o se cambió encima de ella, un modelo de datos concreto, un flujo de trabajo que responde a la entrada de una forma particular, una pieza de lógica que resuelve un problema real en lugar de mostrar una disposición genérica. Un revisor que evalúa la habilidad de quien construye para una decisión de contratación o un encargo freelance quiere esa evidencia específicamente, no la evidencia de que existe un andamiaje. La guía de vídeo demo de una app construida con agente cubre el caso estrechamente relacionado de demostrar trabajo personalizado cuando un agente de codificación de IA generó gran parte del andamiaje directamente, lo cual vale la pena revisar cuando no está claro cuánto de la app terminada atribuir a la plantilla frente a la construcción. Si el flujo personalizado que se demuestra es un flujo tipo CRM, la guía de vídeo demo de una app de CRM cubre elegir el único trato o contacto que se mueve a través de una acción real, ya que un recorrido por cada pestaña no demuestra trabajo personalizado mejor aquí que en cualquier otro sitio. Si el flujo personalizado es una vista de métricas en su lugar, la guía de vídeo demo de panel interno cubre elegir la única vista que responde a la pregunta para la que se construyó la app, el equivalente de panel a la misma prueba.

  • Identifique la pieza de la app que refleja trabajo personalizado real.
  • Confirme que ese flujo sigue funcionando en la URL desplegada, no solo en el entorno de trabajo.
  • Prepare datos que dejen clara la finalidad del flujo para un espectador primerizo.
  1. Elija una app de Firebase Studio del portafolio con un flujo real que funciona, no solo una disposición estilizada.
  2. Despliéguela en una URL accesible y prepare datos creíbles que sean seguros de mostrar.
  3. Grabe el flujo y compruebe que tiene sentido para alguien que ve la app por primera vez.

¿Qué datos deben ser visibles cuando se grabe?

Un conjunto de datos vacío o con aspecto obviamente falso debilita un flujo por lo demás sólido, porque el espectador no puede saber si la lógica funciona de verdad o simplemente no muestra nada. Rellene unas cuantas filas con contenido inventado pero creíble antes de grabar, usando nombres y detalles que resulten verosímiles sin usar nada de un proyecto de cliente real a menos que ese cliente haya aprobado que se muestre públicamente.

¿Cómo debe revisarse el vídeo terminado antes de publicarlo?

Véalo como lo haría un desconocido, sin contexto previo y con el sonido apagado primero. Si el flujo sigue teniendo sentido sin narración, los subtítulos están haciendo suficiente trabajo por sí solos. Si solo tiene sentido con la explicación completa reproduciéndose, es probable que el flujo fuera demasiado complejo para una entrada de portafolio y se beneficiaría de acotarse a una acción más pequeña y limpia.

Compare la renderización con lo que realmente se construyó en lugar de con lo que se esperaba. Si la renderización captó un caso extremo o un error que la app no suele mostrar, no lo presente como representativo. Arregle el problema subyacente y grabe de nuevo en lugar de editar alrededor de un fallo que la renderización captó por casualidad.

Compruebe también que el vídeo se sostiene meses después, ya que un portafolio rara vez se actualiza la misma semana en que cambia la app subyacente. Una actualización de dependencia, una API obsoleta o un cambio en el modelo de datos pueden romper silenciosamente el flujo exacto en torno al que se construye un vídeo de portafolio, y nadie se entera hasta que un revisor hace clic y descubre que la app en vivo ahora se comporta de forma distinta a la que muestra el vídeo. Ponga un recordatorio para volver a abrir la URL desplegada de vez en cuando y confirmar que el flujo sigue coincidiendo con lo que afirma el vídeo, en lugar de suponer que una pieza de portafolio está terminada una vez publicada.

Esto importa más para una app de Firebase Studio que para una app mantenida a mano, porque una app ensamblada rápidamente con andamiaje asistido por IA puede llevar dependencias que se fijaron en el momento de la generación y nunca se revisaron. Una entrada de portafolio que era precisa en el lanzamiento puede desajustarse de la app en vivo sin que nadie lo decida a propósito, y la solución es simplemente comprobarlo periódicamente en lugar de suponer que es permanente, especialmente antes de enviar el enlace a un revisor que va a juzgar todo el portafolio por esta única entrada.

¿Cómo se compara esto con el mismo trabajo en otras plataformas?

El enfoque subyacente se traslada a otros creadores aunque los detalles de la plataforma difieran. La guía de recorrido de revisión de una app de Firebase Studio cubre la versión de revisión interna de esta misma app, dirigida a alguien que comprueba el trabajo frente a un encargo en lugar de juzgar en general a quien lo construyó. Para el mismo trabajo de portafolio en otra plataforma, vea la guía de vídeo demo de Softr, la guía de vídeo de página de destino de Softr, la guía de vídeo de lanzamiento de Softr en Product Hunt y la guía de compartir Softr con un cliente.

Para una app sin grabación de pantalla disponible que necesite un enfoque completamente distinto, la guía de grabar una demo sin grabación de pantalla y la guía de grabación de pantalla automatizada para una app web cubren rutas alternativas. La guía de vídeo demo de SaaS de dos personas y la guía de vídeo demo de fundador no técnico cubren situaciones relacionadas en las que la persona que graba la pieza de portafolio no es quien hizo la construcción técnica. Si la entrada de portafolio está pensada para apoyar la búsqueda de financiación en lugar de conseguir trabajo freelance, la guía de vídeo demo de actualización para inversores cubre ese enfoque distinto. Compare GogoScreen con una herramienta de grabación dedicada en GogoScreen frente a guidde, consulte los precios para conocer los planes y las recargas, explore la biblioteca completa de guías y las páginas de comparación, o empiece por la página de inicio de GogoScreen para el flujo de trabajo de URL e indicación en sí.

Aclaraciones

Antes de empezar

¿Un vídeo de portafolio de Firebase Studio debe grabarse desde el entorno de trabajo o desde la app desplegada?

Grabe desde la URL pública desplegada. La vista previa del entorno de trabajo dentro de Firebase Studio normalmente necesita acceso de cuenta de Google a nivel de proyecto, algo que un revisor de contratación o un cliente potencial no tendrá.

¿Qué debe demostrar el vídeo para una entrada de portafolio?

Que existe y funciona una pieza concreta de lógica que funciona, no que la interfaz se vea pulida. Un revisor que evalúa la habilidad de quien construye quiere ver un flujo real completarse con éxito.

¿Está bien usar una app de Firebase Studio basada en una plantilla en un portafolio?

Solo si el vídeo muestra algo específico que se construyó encima de la plantilla, un flujo o una lógica personalizada, en lugar del comportamiento por defecto de la plantilla con un texto de marcador de posición distinto.

Pegue una URL, describa un flujo y obtenga un vídeo de demostración de su aplicación web.

Los primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargar el vídeo.