Aller au contenu
Démonstration de produit SaaS / 03

Relay.

Un parcours produit avant une plateforme. Espaces de travail, premiers pas et suivi des demandes.

DÉMONSTRATION TECHNIQUENext.js / React / TypeScriptExplorer l’interface ↓

Démonstration technique — pas une étude de cas client. Données d’exemple uniquement.

01 / LE PARCOURS

Du premier accès à l’action.

Choisissez une étape pour comprendre le parcours, puis essayez les contrôles dans l’interface ci-dessous.

Choisir l’espace

Basculez entre deux espaces d’exemple. Leurs tableaux et listes restent distincts dans la session du navigateur.

Essayer dans l’interface ↓
02 / L’INTERFACE

Explorez le périmètre réel.

Toutes les modifications restent dans la mémoire du navigateur. Rechargez la page pour réinitialiser les exemples.

Relay

Interface SaaS · espaces d’exemple

Acme Ops

Starter

Premiers pas

Offre Starter : restriction d’export illustrative.

Réception

En cours

Terminé

Cliquez sur une demande pour la faire avancer. Espaces et offres simulés, sans facturation connectée.

03 / LE CADRAGE

Un problème précis. Un périmètre lisible.

Avant de construire un SaaS, il faut définir le parcours principal et les limites du premier produit.

Explorer les choix de parcours produit sans prétendre disposer d’une plateforme de production. Les espaces et les offres sont simulés dans le navigateur.

Ce que vous pouvez inspecter

  • Deux espaces d’exemple avec états locaux distincts
  • Offres et restriction d’export illustratives
  • Liste de démarrage interactive
  • Tableau de demandes avec progression des statuts
04 / L’INGÉNIERIE

Ouvrir le système.

Dépliez chaque couche pour examiner les choix et les limites. Aucune mesure de performance ni résultat client n’est revendiqué.

Sélection de l’espace dans l’état React

Les données d’exemple résident dans l’état React. Un rechargement les réinitialise : aucune persistance n’est revendiquée.

01 / Sélection de l’espace dans l’état React

Les données d’exemple résident dans l’état React. Un rechargement les réinitialise : aucune persistance n’est revendiquée.

02 / Tableaux et listes distincts par espace d’exemple

Les sélections, les filtres et les transitions mettent à jour l’interface dans le navigateur, sans appel à une API produit.

03 / Messages selon l’offre ; export non implémenté

Les rôles ou les offres modifient l’interface uniquement. Un produit réel exigerait des vérifications d’accès côté serveur.

04 / Authentification, base de données et facturation hors périmètre

Authentification, stockage durable et intégrations sont hors périmètre. Ces couches seraient conçues selon les besoins d’un projet réel.

ReactTypeScriptÉtat local ReactCSS
05 / LA SUITE POSSIBLE

Du démonstrateur au produit métier.

Un produit réel pourrait ajouter une authentification, des règles d’accès serveur, une base de données et une facturation. Ces capacités ne sont pas implémentées ici ; leur choix dépendrait du produit et de ses contraintes.

VOTRE PROCHAIN PROJET

Discuter de votre projet SaaS

Parlons du périmètre ↗
Démonstration de produit SaaS →