Comment utiliser Cursor pour lancer votre idée de startup

Cursor est tout le battage médiatique en 2024. Les développeurs l'utilisent pour construire des produits plus rapidement que jamais. Les personnes non techniques commencent aussi à s'y intéresser, prototypant des idées et construisant des MVP.

Cela dit, cela peut être accablant pour les débutants. Explorons comment configurer Cursor pour en tirer le meilleur parti.

1. Qu'est-ce que Cursor ?
2. Le panneau IA et Composer
3. Configuration de Cursor
4. Règles Cursor
5. Vous êtes bloqué ?
6. Conclusion

Qu'est-ce que Cursor ?

Cursor est un éditeur de code alimenté par l'IA qui change la façon dont les développeurs écrivent du code. Au cœur, il utilise différents modèles IA pour offrir des suggestions, répondre aux questions, et même écrire du code pour vous.

Cursor est un fork de l'éditeur populaire Visual Studio Code (VSCode), facilitant le changement pour les développeurs. Lorsqu'il est utilisé correctement, il peut devenir un assistant puissant ou un "stagiaire" pour votre startup, disponible à tout moment.

Le panneau IA et Composer

En utilisant Cursor, vous rencontrerez deux flux de travail différents : le panneau IA et Composer. Explorons ce qu'ils sont et comment les utiliser.

Le panneau IA

Le panneau IA est une fenêtre où vous pouvez interagir avec l'IA. Vous pouvez poser des questions liées à votre code et obtenir des suggestions.

Basculer le panneau IA

Ici, vous pouvez mentionner des fichiers pertinents en utilisant @filename.

En règle générale, incluez autant de contexte que possible et mentionnez tous les fichiers pertinents. Par exemple, si vous voulez corriger un bug dans un fichier spécifique, mentionnez le fichier et décrivez le bug.

Si vous voulez implémenter une nouvelle fonctionnalité, décrivez-la en détail et mentionnez les fichiers pertinents. Si c'est une fonctionnalité plus grande liée à plusieurs fichiers, mentionnez toute la base de code avec CMD + ENTER.

La plupart du temps, la première réponse ne sera pas parfaite. Il est important de continuer à discuter et à orienter la conversation pour obtenir les meilleurs résultats.

Astuce : Réindexez votre projet de temps en temps, pour que Cursor soit au courant des dernières modifications. Vous pouvez le faire dans Paramètres Cursor > Fonctionnalités > Indexation de la base de code.

Composer

Le Cursor Composer est une nouvelle fonctionnalité qui vous permet de générer des applications entières basées sur des instructions de haut niveau.

Comme il est encore en bêta, vous devez d'abord l'activer, sous Paramètres Cursor > Bêta > Composer.

Paramètres Cursor > Bêta > Composer

Une fois activé, vous pouvez basculer le Composer avec CMD + I (MacOS) ou CTRL + I (Windows).

Fenêtre Cursor Composer

Vous pouvez utiliser le Composer de la même manière que le panneau IA. Au lieu d'afficher la réponse, Cursor générera automatiquement le code et les fichiers pertinents dans votre projet.

Note : Composer est encore en bêta, donc il pourrait ne pas toujours fonctionner comme prévu.

Configuration de Cursor

Configurer Cursor est simple pour les développeurs et les personnes non techniques. Rendez-vous sur le site web Cursor, téléchargez l'éditeur, et essayez-le gratuitement.

Je suggérerais de jouer avec pendant un moment, pour avoir une idée de comment cela fonctionne. Une fois que vous êtes prêt, explorons quelques conseils pour améliorer votre expérience.

Choisir le modèle IA

L'une des principales fonctionnalités de Cursor est la possibilité de choisir quel modèle IA vous voulez utiliser. Au moment d'écrire ces lignes, le meilleur modèle à usage général est claude-3.5-sonnet.

Rendez-vous dans les Paramètres Cursor et assurez-vous que claude-3.5-sonnet est sélectionné. Vous pouvez laisser les autres modèles sélectionnés également, au cas où vous voudriez les essayer plus tard.

Paramètres Cursor

Ensuite, dans le "panneau IA", sélectionnez claude-3.5-sonnet comme modèle dans le menu déroulant. Claude 3.5 sera maintenant le modèle par défaut pour tous les nouveaux chats.

Notez que le meilleur modèle pourrait changer à l'avenir, il vaut donc la peine de vérifier périodiquement et de l'activer dans les Paramètres Cursor et le panneau IA.

Cursor Pro

Cursor offre un plan gratuit généreux, mais si vous êtes un utilisateur intensif, cela pourrait ne pas suffire. Dans ce cas, je recommanderais vivement de passer à Cursor Pro.

Pour le prix de 20$ par mois, vous obtenez des complétions et des requêtes illimitées. Bien que Cursor permette de connecter votre propre clé API, c'est moins cher et plus facile d'utiliser Cursor Pro.

Tarification Cursor Pro

Nous ne sommes pas affiliés à Cursor de quelque manière que ce soit, mais nous pensons que c'est un excellent produit et le recommandons à quiconque cherche à gagner du temps et à construire plus rapidement.

Règles Cursor

Une fonctionnalité récente introduite par Cursor est la possibilité de définir des règles que l'IA doit suivre. Selon les technologies que vous utilisez ou le produit que vous construisez, vous voudrez peut-être définir certaines règles.

Avec ces règles, vous pouvez spécifier ce que l'IA doit et ne doit pas faire, le format de sortie, et plus encore.

Pour commencer, allez dans "Paramètres Cursor" > "Général" et assurez-vous que l'option "Inclure le fichier .cursorrules" est activée.

Paramètres Cursor > Général > Règles pour l'IA

Ensuite, créez un fichier .cursorrules à la racine de votre projet. Ici, vous pouvez spécifier les règles que vous voulez que l'IA suive.

Par exemple, voici le fichier que nous utilisons chez Shippable pour construire des applications web dans notre stack technologique.

textCopy
Vous êtes un développeur web full-stack expert axé sur la production de code Next.js clair et lisible.

Vous utilisez toujours les dernières versions stables de Next.js 14, Supabase, TailwindCSS et TypeScript, et vous êtes familier avec les dernières fonctionnalités et meilleures pratiques.

Vous fournissez soigneusement des réponses précises, factuelles et réfléchies, et vous êtes un génie du raisonnement.

Préférences techniques :

- Utilisez toujours le kebab-case pour les noms de composants (ex. my-component.tsx)
- Favorisez l'utilisation des React Server Components et des fonctionnalités SSR Next.js lorsque possible
- Minimisez l'utilisation des composants client ('use client') à de petits composants isolés
- Ajoutez toujours des états de chargement et d'erreur aux composants de récupération de données
- Implémentez la gestion des erreurs et la journalisation des erreurs
- Utilisez des éléments HTML sémantiques lorsque possible

Préférences générales :

- Suivez attentivement et à la lettre les exigences de l'utilisateur.
- Écrivez toujours du code correct, à jour, sans bug, entièrement fonctionnel et opérationnel, sécurisé, performant et efficace.
- Concentrez-vous sur la lisibilité plutôt que sur la performance.
- Implémentez entièrement toutes les fonctionnalités demandées.
- Ne laissez AUCUN todo, placeholder ou pièce manquante dans le code.
- Assurez-vous de référencer les noms de fichiers.
- Soyez concis. Minimisez toute autre prose.
- Si vous pensez qu'il pourrait ne pas y avoir de bonne réponse, dites-le. Si vous ne connaissez pas la réponse, dites-le au lieu de deviner.

Si vous voulez de l'inspiration de la communauté, consultez le site web Cursor Directory.

Vous êtes bloqué ?

Même avec l'aide de Cursor, vous pourriez rester bloqué en construisant votre startup. Si demander de l'aide à Cursor ne fonctionne pas, essayez de rechercher en ligne ou parcourez le Forum de la communauté Cursor.

Si vous cherchez une aide plus pratique, n'hésitez pas à nous contacter. Chez Shippable, Cursor est une partie intégrante de notre processus de développement. Nous aidons des personnes comme vous à transformer leur idée en MVP prêt pour le marché en moins d'un mois.

Conclusion

Cursor redéfinit la façon dont nous construisons des produits. Que vous soyez un développeur expérimenté ou un fondateur non technique, il offre une valeur immense :

• Il permet aux développeurs de construire des produits plus rapidement que jamais.
• Pour les utilisateurs non techniques, c'est un excellent outil pour prototyper des idées.
• En choisissant le bon modèle IA et en configurant les Règles Cursor, vous pouvez adapter l'expérience à vos besoins spécifiques.

Bien qu'il y ait une courbe d'apprentissage à Cursor, les avantages en valent la peine.