Premier projet

Vous avez cree votre compte, il est temps de concevoir votre premiere architecture. Ce guide vous accompagne pas a pas, de la creation du projet jusqu'au partage avec votre equipe.

Creer un nouveau projet#

Depuis le dashboard, cliquez sur Nouveau projet. Une modale s'ouvre avec deux options.

Option 1 : Canvas vierge#

Choisissez cette option si vous voulez partir de zero :

1. Donnez un nom a votre projet (ex: "Infrastructure Production")
2. Selectionnez le workspace de destination
3. Cliquez sur Creer
4. Vous arrivez sur un canvas vide, pret a etre rempli

Option 2 : Utiliser un template#

Les templates sont des architectures pre-configurees qui vous font gagner du temps :

1. Parcourez les categories (Web, Microservices, Cloud, Securite...)
2. Cliquez sur un template pour voir ses details
3. Selectionnez Utiliser ce template
4. Personnalisez-le selon vos besoins

Les templates les plus populaires :

• Web App Simple : Frontend, Backend et base de donnees
• Microservices : Architecture distribuee avec API Gateway
• Serverless AWS : Lambda, API Gateway, DynamoDB

Modale de selection de templates

Ajouter votre premier node#

Trois manieres d'ajouter un composant sur le canvas :

Depuis la toolbar#

1. Cliquez sur le bouton + dans la toolbar de gauche
2. Parcourez les categories (Application, Services, Reseau, Securite)
3. Cliquez sur le type souhaite (ex: Backend)
4. Cliquez sur le canvas pour placer le node

Par glisser-deposer#

1. Ouvrez le menu de la toolbar
2. Glissez un type de node vers le canvas
3. Relacher pour placer

Avec la palette de commandes#

1. Appuyez sur Cmd+K (ou Ctrl+K)
2. Tapez le nom du composant (ex: "database")
3. Selectionnez dans la liste
4. Le node est ajoute au centre du canvas

Personnaliser un node#

Une fois le node place, selectionnez-le pour ouvrir le panneau de proprietes a droite :

• Label : Le nom affiche sur le node (ex: "API Gateway", "PostgreSQL")
• Description : Notes detaillees sur ce composant
• Metadonnees : Champs specifiques au type (port, technologie, URL...)
• Style : Couleur et dimensions

Double-cliquez sur un node pour editer son label directement sur le canvas.

Connecter deux nodes#

Les connexions representent les relations entre vos composants.

1. Survolez le node source
2. Des points de connexion (handles) apparaissent sur les 4 cotes
3. Cliquez sur un handle et maintenez
4. Glissez vers un handle du node cible
5. Relacher pour creer la connexion

Personnaliser la connexion#

Selectionnez la connexion pour acceder a ses proprietes :

• Style : Solide, pointille, tirets
• Fleches : Aucune, debut, fin, les deux
• Label : Texte sur la connexion (ex: "HTTPS", "Port 5432")
• Animation : Activez l'animation de flux de donnees

Organiser votre architecture#

Deplacer les nodes#

Cliquez et glissez pour repositionner. Si plusieurs nodes sont selectionnes (rectangle de selection ou Ctrl+clic), ils se deplacent ensemble.

Redimensionner#

Selectionnez un node, puis glissez les poignees bleues sur les coins ou cotes.

Grouper en zones#

Pour creer une zone (VPC, cluster, region) :

1. Selectionnez plusieurs nodes
2. Clic droit > Grouper
3. La zone est creee avec une bordure et un label

Sauvegarder#

Bonne nouvelle : tout est sauvegarde automatiquement. Vous n'avez rien a faire.

Un indicateur dans le header confirme le statut de sauvegarde. Si vous voyez "Sauvegarde", tout est enregistre.

Partager avec votre equipe#

Pour inviter des collegues a voir ou modifier votre architecture :

1. Allez dans les Parametres du workspace
2. Section Membres, cliquez sur Inviter
3. Entrez l'email du collegue
4. Choisissez son role :
   • Admin : Peut tout gerer
   • Editor : Peut creer et modifier
   • Viewer : Lecture seule
5. L'invitation est envoyee par email

Prochaines etapes#

Votre premier projet est cree. Pour aller plus loin :

• Visite guidee : Decouvrez toutes les fonctionnalites en 5 minutes
• Le Canvas : Maitrisez les interactions avancees
• Types de Nodes : Explorez les 25+ types disponibles