Guia7 min de leitura

Vídeo de Demonstração de Portefólio v0

Coloque uma construção v0 funcional no seu portefólio, não uma captura de ecrã estática.

Mostre uma construção v0 em funcionamento em vez de uma captura de ecrã, para que a entrada de portefólio prove que funciona, em vez de o descrever.

Ver como funcionaOs primeiros 60 segundos de vídeo são gratuitos, com marca de água.
Verifique o seu correio eletrónico para o descarregar.

gogoscreen.com

Escolher o trabalho que representa a construção

Escolha o único trabalho que mostra porque é que esta construção vale a pena incluir num portefólio.

Confirmar que a pré-visualização ainda funciona

Abra o URL de pré-visualização do v0 e confirme que o fluxo ainda funciona antes de gravar uma entrada que pode ficar online durante anos.

Escrever a indicação e colocar o excerto

Escreva uma indicação que nomeie o início, a ação e o resultado, depois coloque o excerto terminado junto da entrada a que pertence.

Uma captura de ecrã de portefólio prova que uma interface existiu num determinado momento. Não prova que clicar no botão fez alguma coisa. Um revisor a percorrer uma lista de projetos, seja um responsável de contratação, um potencial cliente ou outro criador a decidir se colabora, está a tentar responder a uma pergunta mais restrita do que "isto tem bom aspeto": esta coisa funciona mesmo. Uma imagem estática não consegue responder a essa pergunta. Um excerto curto do fluxo real consegue, em menos tempo do que leva a ler a descrição de um projeto.

O GogoScreen recebe o URL de uma aplicação web e uma indicação de uma linha sobre o que mostrar, devolvendo depois um MP4 narrado e editado, com aproximações ao clicar, suavização do cursor, cortes de tempos mortos e legendas incorporadas. Numa entrada de portefólio, essa narração importa porque explica o que o espectador está a ver sem exigir um parágrafo de contexto acima do excerto. O vídeo transporta a sua própria explicação, que é exatamente o que uma entrada de portefólio precisa quando não está ninguém ao lado do revisor a explicar-lhe tudo.

O que torna uma construção v0 uma boa candidata a portefólio?

Nem todo o projeto v0 tem lugar num portefólio, e os que têm raramente são os mais elaborados visualmente. Uma construção que faz bem uma tarefa específica, e que pode ser mostrada a fazê-la em menos de um minuto, costuma parecer mais competente do que uma app extensa com cinco secções a meio caminho. Como o v0 gera interface rapidamente, é fácil acabar com várias páginas que nunca chegaram a ter funcionalidade real por trás. Escolha a entrada e, dentro dessa entrada, escolha o único trabalho que sobrevive a ser observado de perto.

Escolha o único trabalho que mostra porque é que esta construção vale a pena incluir num portefólio. Pode ser um fluxo de geração, uma transformação de entrada para saída, ou uma mudança de estado que o espectador compreenda de imediato. Evite escolher um trabalho só porque foi o mais recentemente construído. Um portefólio é avaliado ao longo de meses ou anos, e o trabalho que melhor representa o projeto no dia em que foi terminado costuma continuar a ser a escolha mais forte muito mais tarde.

Esta escolha está próxima, mas não é igual, à do guia de apresentação guiada de revisão de app v0, escrito para um revisor que confirma se uma construção cumpre um briefing, e não para um público de portefólio a decidir se contrata ou volta a contratar. Um espectador de portefólio não está a verificar o trabalho contra uma especificação que escreveu, está a formar uma primeira impressão a partir de quase nada, pelo que o excerto tem de transportar mais da explicação por si próprio do que uma entrega de revisão.

Qualidade da entrada de portefólio	O que o espectador nota	O que fazer quanto a isso
Um trabalho, claramente terminado	O fluxo funciona de ponta a ponta	Grave exatamente esse trabalho, nada mais
Várias páginas, nenhuma completa	Lacunas entre o que parece pronto e o que funciona	Escolha o único fluxo mais terminado
Ideia interessante, execução ténue	O conceito, não a execução, sustenta o interesse	Seja honesto no texto envolvente, não exagere o excerto

Como se prepara a app para a gravação?

Abra o URL de pré-visualização do v0 e confirme que o fluxo ainda funciona antes de gravar uma entrada que pode ficar online durante anos. Uma construção que funcionava quando foi lançada pode quebrar silenciosamente semanas depois, se uma dependência mudar ou um recurso alojado expirar, e uma entrada de portefólio ligada a uma app quebrada prejudica todas as outras entradas ao lado dela. Verifique primeiro o fluxo manualmente.

Carregue a rota exata onde o fluxo demonstrado começa e confirme que ainda abre corretamente.
Substitua qualquer conteúdo provisório deixado pela geração por algo que pareça intencional.
Remova quaisquer dados, nome ou conta de outra pessoa da construção antes de gravar.
Se o fluxo precisar de início de sessão, use uma conta de demonstração em vez de uma pessoal.

Se um início de sessão condicionar o fluxo, pode ser fornecida uma conta de demonstração através do processo aprovado, e no GogoScreen as credenciais são cifradas, utilizadas para uma única renderização e depois eliminadas. Se for planeado primeiro um storyboard, as credenciais ficam cifradas durante essa sessão e são eliminadas, no máximo, duas horas após a última utilização. Para uma entrada de portefólio que pode voltar a ser vista muito tempo depois da renderização, isto importa porque não fica nenhum acesso pendente com que se preocupar.

Reserve tempo para esta verificação mesmo quando a construção parece terminada. Um projeto que ficou intocado durante meses é exatamente o tipo de entrada onde uma dependência ficou silenciosamente desatualizada, uma base de dados alojada esvaziou, ou um serviço de terceiros de que a app dependia mudou o seu comportamento. Trate esta passagem prévia à gravação como parte da manutenção do portefólio, não como um passo único que se completa e nunca se repete.

Como se escreve uma indicação que capte o momento certo?

Escreva uma indicação que nomeie o início, a ação e o resultado, depois coloque o excerto terminado junto da entrada a que pertence. Uma indicação como "a partir do editor vazio, gere um componente e mostre-o renderizado ao vivo" é suficientemente específica para produzir um resultado utilizável. Uma indicação vaga como "mostre a app" arrisca uma renderização que se prolonga em navegação em vez do momento que realmente demonstra o valor da construção.

Escolha o único trabalho que mostra porque é que esta construção vale a pena incluir num portefólio.
Abra o URL de pré-visualização do v0 e confirme que o fluxo ainda funciona antes de gravar uma entrada que pode ficar online durante anos.
Escreva uma indicação que nomeie o início, a ação e o resultado, depois coloque o excerto terminado junto da entrada a que pertence.

Mantenha o vocabulário da indicação consistente com os rótulos que a interface realmente usa, para que a narração se leia como a descrição da construção real e não como um resumo genérico sobreposto a imagens sem relação. O guia de vídeo de demonstração de programador independente aborda um caso próximo, em que uma pessoa é simultaneamente a criadora e a única revisora antes de o excerto se tornar público, que é a situação comum de uma entrada de portefólio construída fora de um trabalho remunerado.

Um portefólio também difere de uma entrega a cliente na tolerância do público quanto ao âmbito. Um responsável de contratação a percorrer muitas entradas não penaliza um projeto por ser pequeno, mas nota um excerto que promete mais do que o fluxo realmente cumpre. Mantenha a afirmação da indicação exatamente do tamanho do fluxo que descreve, e deixe que o texto do projeto envolvente transporte qualquer contexto adicional sobre o que a construção ainda não faz.

Onde deve ficar o excerto depois de terminado?

Um excerto que só existe como ficheiro num portátil não faz nenhum trabalho pelo portefólio. O guia de incorporação de vídeo de demonstração de produto aborda a colocação do excerto terminado diretamente junto da descrição do projeto, em vez de encaminhar para uma página separada, o que mantém a atenção do revisor no próprio portefólio. Se a entrada representar um lançamento recente e não um projeto antigo, o guia de vídeo de demonstração de anúncio de produto aborda como enquadrar essa distinção para que um espectador não confunda uma construção com um ano de idade com uma atual.

Aproximadamente uma em cada cinco renderizações falha ou precisa de nova tentativa, por isso reserve tempo para ver o candidato antes de o publicar, e consulte o guia de falha de renderização de vídeo de demonstração se a primeira tentativa não voltar utilizável. Se a construção incluir qualquer comportamento conduzido por agente em vez de um fluxo puramente manual, o guia de demonstração de automação de navegador com agente de IA aborda o cuidado adicional de que esse tipo de fluxo precisa antes de ir diante de um revisor.

Para uma construção feita no Cursor em vez de no v0, o guia de vídeo de demonstração do Cursor, o guia de vídeo de página de destino do Cursor, o guia de vídeo de lançamento no Product Hunt do Cursor e o guia de partilha com um cliente do Cursor percorrem a mesma preparação para um projeto sem URL de pré-visualização incorporado. Para uma comparação direta de ferramentas de captura, veja GogoScreen versus Demosmith. Comece pela página inicial para o fluxo de trabalho de URL e indicação, percorra os guias para o resto da série, verifique as comparações com outras ferramentas, e reveja os preços antes de submeter uma renderização.

Esclarecimentos

Antes de começar

Porque é que um vídeo é melhor do que uma captura de ecrã numa entrada de portefólio?

Uma captura de ecrã mostra um único estado congelado e pede ao espectador que imagine a interação. Um vídeo mostra a própria interação, que costuma ser a parte de uma entrada de portefólio que um responsável de contratação ou um cliente realmente precisa de ver.

A entrada de portefólio deve mostrar o URL de pré-visualização do v0?

Não é necessário. O que importa é mostrar a app em funcionamento, não o endereço onde por acaso está alojada enquanto a versão de portefólio se mantém no ar.

Quanto tempo deve durar um excerto de demonstração de portefólio?

O suficiente para mostrar um trabalho concluído, e nada mais. Um revisor a ver um portefólio está normalmente a comparar várias entradas na mesma sessão, e um excerto que se arrasta perde essa comparação antes de terminar.

Cole um URL, descreva um fluxo e obtenha um vídeo de demonstração da sua aplicação web.

Os primeiros 60 segundos de vídeo são gratuitos, com marca de água. Verifique o seu correio eletrónico para descarregar o vídeo.

Ver preços Ler os guias