Replit offre deux façons de créer des applications : Canvas et App Mode. Le meilleur aspect ? Vous pouvez les utiliser ensemble — commencez avec un beau design, affinez-le, puis convertissez-le en une application entièrement fonctionnelle quand vous êtes prêt.Documentation Index
Fetch the complete documentation index at: https://docs.replit.com/llms.txt
Use this file to discover all available pages before exploring further.
Qu’est-ce que Canvas ?
Canvas vous permet de créer de beaux sites web et designs d’applications interactifs en quelques minutes seulement. Décrivez simplement votre idée et Replit le construit pour vous. Canvas est parfait pour :- Tester vos idées rapidement : Visualisez le design de votre application avant de construire les fonctionnalités
- Créer des sites web soignés : Pages d’accueil, portfolios, menus de restaurants, pages d’événements
- Affiner votre design : Ajustez les couleurs, les mises en page et le contenu instantanément
Les designs Canvas ressemblent et se comportent comme de vraies applications, mais ils ne stockent pas encore de données ni ne se connectent à des services externes. Quand vous êtes satisfait de l’apparence générale, vous pouvez convertir votre design en application complète en un clic. Les étapes ci-dessous vous montrent comment faire.
Qu’est-ce que l’App Mode ?
L’App Mode crée de vraies applications fonctionnelles capables de sauvegarder des données, de permettre aux utilisateurs de se connecter et de se connecter à d’autres services. Utilisez l’App Mode quand votre application a besoin de :- Comptes utilisateur : Permettre aux personnes de créer des comptes et de se connecter
- Sauvegarder des informations : Stocker des données comme des commandes, des messages ou des préférences utilisateur
- Se connecter à d’autres services : Traiter des paiements, envoyer des e-mails ou récupérer des données depuis d’autres applications
- Gérer des tâches complexes : Gérer une boutique en ligne, les réservations ou alimenter un tableau de bord
Voir la différence en action
Cette comparaison montre le même menu de restaurant construit dans les deux modes en utilisant un prompt identique. Alternez entre les onglets pour voir ce que chaque mode a créé :- Canvas
- App Mode
Canvas — Construit en 1 minute
- Design beau et soigné
- Typographie et mise en page élégantes
- Parfait pour mettre en valeur votre vision
- Menu statique (sans fonctionnalité de commande)
Utiliser les deux modes ensemble
Canvas et App Mode sont conçus pour fonctionner ensemble. Vous n’avez pas à choisir l’un ou l’autre. Vous pouvez commencer par le design et évoluer vers une application complète.Commencer par le design
Démarrez avec Canvas pour visualiser rapidement votre idée. Concentrez-vous sur l’apparence et la sensation de votre application — la mise en page, les couleurs, les boutons et l’expérience utilisateur.
Affiner et itérer
Utilisez l’éditeur visuel pour cliquer directement sur les éléments et les ajuster, ou discutez avec Agent pour décrire les changements souhaités. Les modifications apparaîtront immédiatement.
Convertir en application complète
Quand vous êtes satisfait de votre design et prêt à ajouter de vraies fonctionnalités, demandez à Agent de convertir votre design en application. Agent ajoutera la capacité de sauvegarder des données, de gérer les comptes utilisateur et de se connecter aux services — tout en préservant votre design. Consultez le guide De la conception à l’application pour le flux de travail complet.
Agent vous invitera à convertir en App Mode lorsque vous essaierez d’ajouter une base de données ou des fonctionnalités avancées.
Quand utiliser chaque mode
Commencez avec Canvas
- Vous voulez voir votre idée rapidement
- Vous créez un site web simple
- Vous souhaitez tester différents designs
- La rapidité est votre priorité
Passez directement à l'App Mode
- Vous savez exactement ce dont vous avez besoin
- Votre application doit sauvegarder des données dès le premier jour
- Les utilisateurs doivent se connecter
- Vous vous connectez à d’autres services
Différences clés
| Fonctionnalité | Canvas | App Mode |
|---|---|---|
| Rapidité | Quelques minutes | Environ 10 minutes pour des applications complètes |
| Stockage des données | Visuel uniquement (pas de sauvegarde) | Sauvegarde et récupère de vraies données |
| Comptes utilisateur | Montre à quoi ressemble la connexion | Fonctionnalité de connexion réelle |
| Connexion aux services | Non disponible | Paiements, e-mails, données externes |
| Hébergement | Hébergement statique simple | S’adapte à votre audience |
Prochaines étapes
Canvas
En savoir plus sur la création de designs
Éditeur visuel
Effectuer des modifications visuelles par clics
Agent
Explorer ce qu’Agent peut construire pour vous
Apprendre
Apprendre le flux de travail complet