syelem

Ouvert aux nouveaux projets

Démarrer un projet

01 Plateforme SaaS

Simplisite

Décrire son métier en une phrase, repartir avec un site professionnel, et garder la main dessus.

Rôle
Produit, design, développement full-stack, infrastructure
Période
Depuis septembre 2026
Statut
En production
En ligne
simplisite.fr (nouvel onglet)
Éditeur Simplisite ouvert sur Élan Coaching, le site d'un coach sportif à domicile à Lyon : barre des sections à gauche, aperçu au centre, réglages du site à droite.

Mesuré sur le dépôt · sept. 2026

lignes de TypeScript
27 400
routes API
47
modèles de données
12
fichiers de tests
19
  • Next.js 16
  • React 19
  • TypeScript
  • Prisma
  • SQLite
  • Tailwind CSS 4
  • NextAuth
  • Stripe
  • API Claude
  • Nginx
  • PM2
  • Vitest

01 Contexte

D'où part le projet

Un artisan, un indépendant ou une petite entreprise a trois options pour exister en ligne : payer une agence, y passer ses soirées avec un constructeur de pages, ou renoncer. Simplisite propose une quatrième voie.

L'utilisateur décrit son activité en une phrase, sans créer de compte. Le site apparaît en une trentaine de secondes ; il le modifie ensuite à la main ou en le demandant en français, puis le publie.

02 Problème

Ce qu'il fallait résoudre

Un site généré n'a de valeur que s'il ne ressemble pas à un site généré, et s'il reste modifiable par quelqu'un qui ne connaît rien au web.

Une fois publié, il doit aussi vivre : adresse, certificat, sauvegardes, mentions légales, facturation. Sans que l'utilisateur ait quoi que ce soit à surveiller.

03 Solution

Ce que Syelem a construit

Générateur

  • Une phrase suffit : métier, ville, ambiance
  • Le modèle écrit le contenu, la composition visuelle est décidée en code
  • Contrastes calculés selon WCAG pour chaque combinaison de couleurs
  • Mentions légales, CGV et confidentialité générées avec le site

Éditeur

  • Édition directe du texte sur la page, comme dans un traitement de texte
  • Barre de commande en langage naturel : « mets le fond en bleu nuit »
  • Sections réorganisables par glisser-déposer, quinze types disponibles
  • Aperçu bureau, tablette et mobile, annulation et rétablissement

Plateforme

  • Comptes, abonnements mensuels ou annuels et factures PDF
  • Sous-domaine simplisite.fr ou nom de domaine du client
  • Assistant d'aide intégré au tableau de bord
  • Blog éditorial géré depuis l'administration

04 Architecture

Comment c'est organisé

Une application Next.js 16 unique sert la vitrine, l'éditeur, les sites publiés et l'API. Le même moteur de sections rend la toile de l'éditeur et les sites en ligne : ce que l'utilisateur voit en éditant est exactement ce que ses visiteurs verront.

  1. Interface

    Vitrine, tableau de bord et éditeur. État de l'éditeur géré avec Zustand, glisser-déposer des sections.

  2. Rendu

    Un moteur de sections partagé entre éditeur et sites publiés, versionné pour ne jamais casser un site en ligne.

  3. API

    47 route handlers : génération, édition assistée, paiements, domaines, factures.

  4. Données

    Prisma sur SQLite, 12 modèles : utilisateurs, sites, abonnements, factures, consommation IA.

  5. Infrastructure

    VPS Ubuntu, Nginx en frontal, PM2, déploiement scripté avec sauvegarde et vérifications.

05 Décisions

Les choix qui font la différence

  1. 01

    Le modèle écrit, le code compose

    Laisser une IA décider de la mise en page produit des sites qui se ressemblent tous. Ici, elle ne fournit que le contenu ; la composition est tirée d'un catalogue pondéré par métier, écrit et testé en code.

  2. 02

    Des versions de rendu gelées

    Un site publié garde l'apparence du jour de sa publication. Faire évoluer le moteur ne modifie jamais un site en ligne : seul son propriétaire choisit d'adopter la nouvelle version.

  3. 03

    Un déploiement qui refuse de mal faire

    Le script refuse un arbre de travail modifié, sauvegarde le code serveur, transfère le commit exact, construit, et ne redémarre l'application que si le build réussit. Sinon, l'ancienne version reste en ligne.

  4. 04

    Essayer avant de s'inscrire

    Générer et modifier un site ne demande ni compte ni carte bancaire. La friction n'arrive qu'au moment où l'utilisateur a déjà un résultat qu'il veut garder.

06 Design & UX

Pour qui l'interface est pensée

Une vitrine volontairement claire et calme, qui parle au public visé (artisans, indépendants) plutôt qu'aux développeurs.

Un éditeur sombre qui met le site en valeur : réglages regroupés par section, vocabulaire de l'utilisateur (« Assombrissement du fond », « Style des cartes ») et jamais de jargon.

07 Où en est le projet

Résultat et objectif

En ligne sur simplisite.fr, avec trois formules d'abonnement et une publication offerte 30 jours.

Une base de code prête à évoluer sans risque pour les sites déjà publiés.