Aller au contenu
Guide7 min de lecture

Guide vidéo de démo Cursor

Prouvez qu'une build Cursor fonctionne avec un flux, pas une visite du code.

Montrez un flux fonctionnel d'une application construite dans Cursor, où il n'y a pas d'URL de prévisualisation par défaut ni de cible de déploiement intégrée.

Voir comment ça marcheLes 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour la télécharger.

Cursor est un éditeur de code avec une assistance IA intégrée. Il ne déploie rien, n'héberge rien, et ne génère pas d'URL de prévisualisation. Ce seul fait change la préparation d'une vidéo de démo plus que n'importe quel autre détail sur la plateforme : avant qu'une URL et une indication puissent produire quoi que ce soit, l'application doit déjà être en cours d'exécution quelque part qu'un navigateur peut atteindre. Un développeur venant d'une plateforme qui déploie automatiquement trouvera cette étape inhabituelle, et la sauter est la raison la plus courante pour laquelle une première tentative échoue avant même de commencer.

GogoScreen prend une URL d'application web et une indication d'une ligne sur ce qu'il faut montrer, puis renvoie un MP4 narré et monté avec zooms sur les clics, lissage du curseur, suppression des temps morts et sous-titres incrustés. Il fonctionne à partir de n'importe quelle URL fournie, ce qui signifie qu'un projet Cursor déployé sur n'importe quel hébergeur, que ce soit une plateforme choisie délibérément par le développeur ou un déploiement rapide mis en place uniquement pour l'enregistrement, est tout aussi utilisable comme source. L'outil ne se soucie pas de la plateforme qui a écrit le code. Il se soucie de savoir si l'URL renvoie vers une application fonctionnelle.

Pourquoi Cursor a t il besoin d'une étape de départ différente ?

Un projet construit dans v0, Bolt ou Lovable arrive généralement avec un lien de prévisualisation automatique dès que la génération est terminée. Un projet construit dans Cursor n'en a pas, parce que le travail de Cursor s'arrête au code. Confirmez que l'application est déployée sur une URL accessible avant d'essayer de l'enregistrer. Cela peut signifier pousser le code vers un hébergeur que l'équipe utilise déjà, ou mettre en place un déploiement temporaire spécifiquement pour qu'une vidéo puisse être réalisée. Dans tous les cas, cette étape doit se produire en premier, et il est facile de sous estimer combien de temps elle prend de plus que l'enregistrement lui même.

Cela signifie aussi qu'un projet Cursor peut finir hébergé presque n'importe où, contrairement à une plateforme qui lie chaque build à une seule cible de déploiement. Cette flexibilité est utile pour le travail de production, mais elle signifie qu'il n'y a pas d'endroit unique et prévisible où pointer un outil de vidéo de démo. Connaissez l'URL exacte sur laquelle l'application est en direct avant de rédiger l'indication, et confirmez qu'il s'agit du déploiement actuel plutôt que d'un ancien laissé en fonctionnement depuis un test précédent.

Il est courant qu'un projet Cursor ait plusieurs déploiements actifs en même temps pendant le développement : un environnement de préproduction, une instance de test personnelle, peut être un ancien que personne n'a pensé à démanteler. Enregistrer contre le mauvais déploiement produit une vidéo qui montre techniquement une application fonctionnelle, mais pas celle que l'équipe voulait montrer. Avant de rédiger l'indication, vérifiez le tableau de bord de déploiement ou l'hébergeur directement plutôt que de vous fier à un favori qui pourrait pointer vers quelque chose d'obsolète.

Plateforme de créationURL de prévisualisationCe que cela signifie pour une vidéo de démo
v0Générée automatiquement au déploiementGénéralement accessible immédiatement
CursorAucune par défautL'application doit être déployée manuellement d'abord
Un flux de travail IDE généralDépend entièrement du choix du développeurConfirmez l'URL en direct avant d'enregistrer quoi que ce soit

Quel flux la vidéo doit elle montrer ?

Choisissez l'unique flux qui prouve que la build fonctionne, pas une visite du code qui l'a produite. Un spectateur regardant une vidéo de démo ne se soucie pas que le projet ait été écrit dans Cursor plutôt qu'assemblé par un générateur. Il se soucie de savoir si l'application en cours d'exécution accomplit la tâche qu'elle prétend accomplir. Choisissez l'unique action qui répond le plus directement à cette question : une tâche accomplie, un résultat produit, un état qui change d'une manière que le spectateur peut suivre sans que la narration ne fasse tout le travail.

Parce que les projets Cursor tendent vers du code de style production plutôt que des prototypes rapides, ils sont plus susceptibles d'inclure une authentification réelle, une vraie base de données, et une logique métier authentique derrière les écrans. Cela peut rendre l'application plus capable mais aussi plus susceptible d'avoir un flux qui dépend d'un état antérieur, donc planifiez le parcours enregistré autour de données qui existent déjà plutôt que de supposer qu'un état vide démontrera quoi que ce soit d'utile.

Cela signifie aussi que les modes de défaillance sont différents de ceux d'un prototype généré. Un prototype peut montrer un tableau visiblement vide. Une build Cursor de style production est plus susceptible d'échouer silencieusement, renvoyant un écran d'apparence correcte avec les mauvaises données, ou un message de succès pour une opération qui ne s'est pas réellement terminée. Testez le flux exact à la main immédiatement avant l'enregistrement, pas la veille, pour que l'état capturé par le rendu corresponde à ce que vous avez confirmé en dernier.

  • Confirmez l'URL exacte et la route où le flux doit commencer.
  • Préparez des données qui rendent le résultat lisible, puisqu'un vrai backend démarre rarement pré rempli.
  • Retirez tout nom de client, donnée de client, ou matériel privé de l'environnement avant l'enregistrement.
  • Si une connexion protège le flux, utilisez un compte de démonstration plutôt qu'un compte réel.

Comment gérer une connexion construite pour la production ?

Si une connexion protège le flux, un compte de démonstration peut être fourni via le processus approuvé, et sur GogoScreen les identifiants sont chiffrés, utilisés pour un seul rendu, puis supprimés. Si un storyboard est planifié en premier, les identifiants restent chiffrés pendant cette session et sont supprimés au plus tard deux heures après leur dernière utilisation. Cela compte davantage pour une build Cursor que pour un prototype généré rapidement, parce qu'une authentification de style production a plus de chances d'être réelle plutôt qu'un espace réservé, et l'équipe doit savoir exactement ce qui advient de tout accès qu'elle accorde pour les besoins d'une seule vidéo.

Rédigez une indication nommant le début, l'action et le résultat, puis relisez le candidat avant de le partager. Une indication comme « depuis le tableau de bord connecté, créer un nouvel enregistrement et montrer qu'il est enregistré dans la liste » donne au rendu un chemin concret. Une indication vague comme « montrer l'application en fonctionnement » risque un rendu qui atterrit sur le mauvais écran ou narre une fonctionnalité que le flux ne démontre jamais réellement.

  1. Confirmez que l'application est déployée sur une URL accessible avant d'essayer de l'enregistrer.
  2. Choisissez l'unique flux qui prouve que la build fonctionne, pas une visite du code qui l'a produite.
  3. Rédigez une indication nommant le début, l'action et le résultat, puis relisez le candidat avant de le partager.

Où cette vidéo s'inscrit elle pour un développeur solo ?

Le guide de la vidéo de démo pour développeur solo couvre le cas où la même personne a écrit le code, l'a déployé, et est le seul relecteur avant que le clip aille où que ce soit publiquement, ce qui est courant pour les projets Cursor construits en dehors d'une équipe. Pour un produit déjà lancé qui reçoit une mise à jour incrémentale, le guide de la vidéo de mise à jour produit couvre le cadrage du clip autour de ce qui a changé plutôt que de toute l'application. Si le processus actuel implique un enregistreur d'écran manuel comme alternative, le guide de l'alternative Screen Studio pour la démo produit compare directement cette approche.

Environ un rendu sur cinq échoue ou nécessite une nouvelle tentative, donc regardez le candidat avant de l'envoyer où que ce soit. Pour une mise à jour destinée à une partie prenante plutôt qu'à un public général, le guide de la vidéo de mise à jour investisseur couvre le recentrage du même flux sur un changement actuel. Pour choisir à quoi doit ressembler la première image du fichier avant qu'il soit partagé, le guide de l'image d'aperçu de vidéo de démo est pertinent quelle que soit la plateforme qui a produit l'application.

Pour le même travail sur les autres pages Cursor, voir le guide de la vidéo de page de destination Cursor, le guide de la vidéo de lancement Product Hunt Cursor, le guide du partage Cursor avec un client et le guide de la démo de portfolio Cursor, et pour relire une build par rapport à un brief, le guide de la visite de relecture d'application Cursor. Pour une comparaison directe des outils d'enregistrement, consultez GogoScreen contre Screen Studio. Commencez depuis la page d'accueil pour le flux de travail de l'URL et de l'indication, parcourez les guides pour le reste de la série, consultez les comparaisons avec d'autres outils, et vérifiez les tarifs avant de soumettre un rendu.

Précisions

Avant de commencer

Pourquoi une application Cursor a t elle besoin d'une préparation supplémentaire avant une vidéo de démo ?

Cursor est un éditeur, pas une plateforme d'hébergement. Il ne génère pas d'URL de prévisualisation par lui même, donc l'application doit déjà être déployée quelque part d'accessible avant qu'une vidéo de démo soit possible.

Chaque projet Cursor a t il une connexion ?

Pas nécessairement, mais un projet construit dans un éditeur généraliste a plus de chances d'inclure une authentification réelle qu'un prototype généré rapidement, parce que le développeur écrit du code de style production plutôt que d'accepter un défaut.

Sur quoi la vidéo de démo doit elle se concentrer ?

Un flux fonctionnel qui montre ce que fait l'application, atteint depuis une URL en laquelle le spectateur peut avoir confiance. Le but est de prouver que le code fonctionne comme une application en cours d'exécution, pas d'expliquer comment il a été écrit.

Collez une URL, décrivez un parcours et obtenez une vidéo de démonstration de votre application web.

Les 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour télécharger la vidéo.