Bien démarrer

Démarrage rapide

Cinq minutes après l'inscription à une URL d'aperçu privée.

Cette page vous permet de passer d'une nouvelle inscription à une URL d'aperçu privée. Il existe deux manières d'accéder à l'étape 2 : choisissez celle qui correspond à ce que vous avez.

1. Créez votre espace de travail

Connectez-vous à /login. Trois méthodes de connexion sont prises en charge : e-mail + mot de passe, GitHub et Google. La première fois que vous vous connectez, nous mettons à disposition un espace de travail nommé d'après votre compte. Vous pourrez le renommer ultérieurement dans Paramètres de l'espace de travail.

Les nouveaux espaces de travail démarrent sur le plan Free, qui comprend un nombre illimité de sites en ligne et de connexions d’agents — suffisamment pour suivre ce démarrage rapide jusqu’au bout. Consultez la page de tarification pour connaître les différences actuelles de crédits, domaines et fonctionnalités.

2. Apportez un site – choisissez-en un

Vous pouvez soit partir d'un modèle (aucun dépôt requis), soit connecter un référentiel GitHub existant.

A. Commencer à partir d'un modèle (plus rapide, pas de GitHub)

Ouvrez /onboarding/from-template. Cinq starters sont expédiés aujourd'hui :

  • Atterrissage SaaS — un site marketing d'une seule page (Next.js)
  • Site Docs — une page de documentation basée sur les démarques (Next.js)
  • Portfolio — un site personnel avec des sections sur + de projets (Next.js)
  • Astro docs — un outil de démarrage de documents axé sur le contenu (Astro)
  • Atterrissage Vite + React — un shell d'application d'une seule page (Vite + React)

Choisissez-en un, remplissez le formulaire de variable (site_slug, projet et tout bouton spécifique au modèle) et soumettez-le. Showly crée le site, matérialise les fichiers modèles et lance la première build. Vous arriverez sur la page de détails du nouveau site où l'état de la construction apparaît.

Ce chemin est le moyen le plus rapide d'accéder à une URL d'aperçu : pas de GitHub OAuth, pas d'installation, pas d'attente sur un webhook.

B. Connecter un dépôt

Depuis l'accueil de l'espace de travail, cliquez sur Connecter un site et enregistrez un référentiel GitHub. La première fois que vous vous connectez, GitHub vous invite à autoriser l'application Showly GitHub — voir Votre premier site pour savoir ce que couvre cette subvention. Une fois autorisée, l'étape d'importation de Showly lit à la demande les métadonnées de votre référentiel — package.json, le fichier de verrouillage et tous les conseils de framework — pour :

  • détecter le framework (Astro, Vite, export Next.js ou HTML statique)
  • proposer une commande de build et un répertoire de sortie

Confirmez le manifeste proposé. Vous pouvez remplacer n'importe quel champ avant de continuer.

Les deux chemins convergent à l’étape 3.

3. Connecter un agent (facultatif mais recommandé)

Enregistrez le serveur Showly MCP auprès de votre agent :

npx @showly/mcp-server install --to claude-code   # or --to codex

C'est toute la configuration : aucun jeton à copier. La première fois que vous appelez un outil Showly, votre agent ouvre un onglet de navigateur pour se connecter et approuver l'accès ; Showly émet ensuite un jeton étendu directement à l'agent. Voir Installation de Skill pour savoir comment fonctionne la négociation d'autorisation et la solution de secours sans navigateur.

Vous pouvez désormais demander à Claude Code ou Codex de lire le contexte de votre site, de proposer un plan de modification et de créer un aperçu, sans donner à l'agent aucune information d'identification de production.

4. Effectuez votre premier changement

Dans le panneau de discussion Showly, ou depuis votre agent, dites :

Remplacez le titre du héros sur la page d'accueil par "Expédier sans cérémonie"

L'agent :

  1. Appelez le get_site_context pour lire les fichiers concernés.
  2. Produisez une proposition create_change_plan.
  3. Appelez apply_site_patch pour organiser les modifications dans un espace de travail géré par Showly.
  4. Appelez create_preview pour créer et produire une URL d'aperçu.

Une fois la construction terminée (généralement avant les années 90), vous verrez l'URL d'aperçu dans le chat.

5. Approuver et publier

Ouvrez l'URL d'aperçu. Examinez le différentiel. Lorsque vous êtes prêt, cliquez sur Demander une publication. Cela crée une demande d'approbation en attente qu'un propriétaire ou un administrateur doit approuver avant que l'aperçu ne soit promu en production.

Après approbation, Showly promeut l'artefact d'aperçu en production. La nouvelle URL en direct s'affichera dans le panneau Releases.

Quelle est la prochaine étape