Guia8 min de leitura

Vídeo de Lançamento no Product Hunt v0

Transforme uma pré-visualização v0 num excerto que um estranho julga em segundos.

Prepare uma app v0 para um excerto de galeria no Product Hunt, desde a escolha do fluxo até rever o candidato antes de o lançamento ir ao ar.

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 único fluxo

Escolha o único fluxo que mostra o que a app realmente faz, não um tour por todos os ecrãs.

Preparar a pré-visualização do v0

Abra manualmente o URL de pré-visualização do v0 e confirme que o fluxo funciona sem um estado vazio ou uma indicação de integração.

Escrever a indicação e rever o resultado

Escreva uma indicação de uma linha que nomeie o início, a ação e o resultado, depois reveja o candidato face ao lugar na galeria.

Um lugar na galeria do Product Hunt reproduz sem som para um visitante que nunca ouviu falar do produto e que está a decidir, em poucos segundos, se clica para saber mais. Esse é um trabalho diferente de um excerto de herói na página inicial ou de uma pré-visualização de README. Tem de se ler a frio, transportar o seu próprio contexto e parar antes de a atenção do espectador se desviar. Uma construção v0 que chega ao dia do lançamento costuma ter o problema oposto: a interface parece terminada porque a geração é rápida, mas os dados por trás dela costumam ser escassos, e a equipa ainda não testou a fundo qual o ecrã que realmente prova a ideia.

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. Isso é útil para um excerto de lançamento precisamente porque a narração é escrita para coincidir com o que aconteceu no ecrã, o que mantém a entrada na galeria honesta em vez de repetir texto de marketing sobre imagens sem relação. Não escolhe o fluxo por si, nem conserta uma app que ainda não tem nada para mostrar.

Que aspeto tem uma app v0 no dia do lançamento?

Um projeto v0 é gerado a partir de uma indicação e implementado através do Vercel, pelo que a construção funcional costuma estar num URL de pré-visualização num subdomínio no estilo vercel.app, em vez de num domínio que a equipa já tenha configurado por completo. Isso importa para um excerto de lançamento porque o próprio URL pode parecer por terminar mesmo quando o fluxo funciona, e um visitante que repare num endereço de pré-visualização em bruto pode ler o todo como imaturo. Decida antecipadamente se o excerto de galeria precisa de esconder a barra de endereço ou se um subdomínio de pré-visualização é uma parte aceitável da história para uma construção tão recente.

Como o v0 está orientado para gerar interface e fluxo rapidamente, muitas construções que chegam a um lançamento no Product Hunt ainda estão numa fase inicial. Os campos estão preenchidos com texto provisório, as tabelas estão vazias, e pode não existir autenticação real por trás dos ecrãs que parecem precisar dela. Nada disso é uma falha específica da plataforma, é uma fase por que passa qualquer construção rápida, e a correção é a mesma que se aplica a qualquer produto recente: preencher o ecrã com dados que pareçam plausíveis antes de alguém os gravar.

O que o dia do lançamento costuma parecer	O que fazer quanto a isso
URL de pré-visualização num subdomínio gerado	Decidir antecipadamente se mostra ou corta a barra de endereço
Interface terminada, dados escassos	Preencher o ecrã com conteúdo plausível e não relacionado com clientes
Ainda sem contas reais	Usar uma conta de demonstração descartável apenas se um início de sessão condicionar mesmo o fluxo
Muitas páginas geradas, um trabalho é que importa	Escolher a única ação que o excerto de galeria tem de provar

O que deve o excerto de galeria mostrar, na prática?

Escolha o único fluxo que mostra o que a app realmente faz, não um tour por todos os ecrãs. Um visitante de galeria não vai sentar-se a ver uma sequência de integração, uma página de definições e uma visão geral do painel antes de chegar ao ponto. Escolha a ação única que torna óbvia a razão de existir do produto: criar algo, transformar algo, ou produzir um resultado que o espectador reconheça sem alguma vez ter usado a app. Se a construção fizer mesmo várias coisas distintas, o excerto de galeria não é o lugar para provar todas de uma vez, e um segundo recurso, mais restrito, tem o seu lugar noutro ponto da página de lançamento.

A escolha também tem de sobreviver a ser vista por alguém que está a comparar dezenas de outros lançamentos na mesma sessão. Um vídeo de demonstração para o Show HN pode contar com a paciência de um público técnico para os detalhes, mas o público da galeria do Product Hunt está a navegar, não a ler. Essa diferença deve moldar qual o fluxo escolhido, não apenas a forma como é narrado. Se a app foi montada com um criador de sites com IA em vez do próprio fluxo de geração do v0, a mesma disciplina aplica-se na mesma: um trabalho, mostrado uma vez, provado depressa.

Como se prepara a app antes de gravar?

Abra manualmente o URL de pré-visualização do v0 e confirme que o fluxo funciona sem um estado vazio ou uma indicação de integração. Percorra a sequência exata que o excerto de galeria vai seguir, atento a um redirecionamento que caia num sítio inesperado, um aviso de consentimento sobre a primeira ação, ou uma tabela sem nada dentro. Corrija o que conseguir antes de submeter seja o que for para renderização. Um excerto que abre numa lista vazia prejudica mais o lançamento do que um excerto que simplesmente ainda não existe.

Confirme que o URL de pré-visualização carrega primeiro o ecrã pretendido, não uma página de marketing à frente dele.
Substitua tabelas vazias e rótulos provisórios por conteúdo que pareça real.
Remova qualquer nome de cliente, URL de cliente ou documento privado da construção antes de gravar.
Se um início de sessão condicionar o fluxo, prepare uma conta de demonstração em vez de usar uma real.

Se a app precisar de início de sessão, 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. É essa a extensão total do que a afirmação sobre o tratamento de credenciais cobre, e vale a pena afirmá-lo com precisão porque um excerto de lançamento é exatamente o tipo de recurso que volta a ser usado mais tarde, e uma equipa deve saber o que aconteceu a qualquer acesso que tenha concedido.

Como se escreve a indicação de uma linha?

Escreva uma indicação de uma linha que nomeie o início, a ação e o resultado, depois reveja o candidato face ao lugar na galeria. Uma indicação como "a partir do ecrã de projeto vazio, gere uma nova página e mostre-a renderizada" dá à renderização algo concreto a seguir. Uma indicação como "mostre a app" não identifica um ponto de partida, e uma indicação pouco especificada convida a uma renderização que vagueia até uma página de definições ou um ecrã sem relação, em vez do momento que prova a ideia.

Mantenha o vocabulário da indicação alinhado com o que a interface realmente chama às coisas. Se o v0 gerou um ecrã rotulado "espaço de trabalho," a indicação deve dizer espaço de trabalho, não projeto nem painel. Essa consistência também importa para o guia de vídeo de transferência de contexto de agente, que aborda o caso em que alguém diferente de quem construiu a app é quem revê o excerto antes de este ir ao ar, e precisa que a narração corresponda a uma linguagem que consiga verificar contra a app em funcionamento.

Em conjunto, os três passos, por ordem, são:

Escolha o único fluxo que mostra o que a app realmente faz, não um tour por todos os ecrãs.
Abra manualmente o URL de pré-visualização do v0 e confirme que o fluxo funciona sem um estado vazio ou uma indicação de integração.
Escreva uma indicação de uma linha que nomeie o início, a ação e o resultado, depois reveja o candidato face ao lugar na galeria.

O que deve verificar antes de entrar na galeria?

Aproximadamente uma em cada cinco renderizações falha ou precisa de nova tentativa, por isso reserve uma passagem de revisão no calendário em vez de presumir que o primeiro ficheiro devolvido é o que vai ao ar. Veja o candidato da forma como o público da galeria o verá: sem ler mais nada na página primeiro, com o som desligado por definição, e parando ao fim dos mesmos poucos segundos que um estranho lhe daria. Se o fotograma de abertura não comunicar o essencial por si só, o excerto precisa de um fluxo mais restrito, não mais longo.

Compare o excerto terminado com o guia de vídeo de demonstração para o Product Hunt para a forma geral de que um recurso de galeria precisa, e com o guia de vídeo de demonstração de funcionalidade de agente de IA se o fluxo escolhido estiver mais próximo de uma ação de agente do que de uma interação tradicional de interface. Antes do lançamento, verifique a app contra uma apresentação guiada no estilo v0 partilha com um cliente para garantir que um revisor não técnico acompanharia o mesmo excerto sem confusão, e se o lançamento também precisar de uma peça mais longa, o guia de demonstração de portefólio v0 e o guia de apresentação guiada de revisão de app v0 abordam dois usos subsequentes diferentes para o mesmo fluxo subjacente.

Para uma construção feita no Cursor em vez disso, o guia de vídeo de demonstração do Cursor e o guia de vídeo de página de destino do Cursor abordam a preparação equivalente para um projeto sem URL de pré-visualização incorporado. Para uma comparação direta de ferramentas de excertos, veja GogoScreen versus Loom. Comece pela página inicial para o fluxo de trabalho de URL e indicação, verifique os guias para o resto da série de lançamento, percorra as comparações com outras ferramentas de gravação, e confirme os preços antes de submeter uma renderização para a galeria.

Esclarecimentos

Antes de começar

O que deve mostrar um vídeo de lançamento v0 no Product Hunt?

Mostre um fluxo que um estranho a percorrer a galeria consiga seguir sem som. Escolha a ação que torna óbvio o propósito do produto, não um tour por todas as páginas que a app gerou.

A app precisa de dados reais de utilizadores antes de gravar?

Precisa de dados que pareçam reais. Uma construção v0 acabada de sair da geração tem muitas vezes tabelas vazias e rótulos provisórios, que precisam de ser substituídos por conteúdo plausível e não relacionado com clientes antes de o fluxo valer a pena gravar.

O vídeo pode usar um início de sessão se a app o tiver?

Sim, se o fluxo estiver protegido por início de sessão pode ser fornecida uma conta de demonstração. 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.

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