Genesis

Genesis génère des sites web aux performances natives exceptionnelles : 100/100 Lighthouse sur la majorité des pages, et jamais en dessous de 90. Pas de compromis entre vitesse, sémantique et compatibilité avec les IA. Un CMS SSG conçu pour l’ère du web 4.0, où chaque ligne de code est optimisée pour l’efficacité — pas pour les recettes marketing.

Fiche technique

Informations générales

Architecte / Créateur : David Pichot

Développement : Claude Sonnet 4.5

Durée de développement : 26 jours

Technologie

Langages : PHP, JS

Base de données : SQLite, JSON

Bibliothèques/Dépendances : Masonry.js, Sortable.js, Swiper.js

Métriques

Lignes de code : ~40000

Nombre de fichiers : ~190

Performances :Site générés : mobile : 100/100/100/100 - desktop : 100/100/100/100

Status

Etat du projet : En Cours

Problématique

Le web entre dans une phase où les pages ne sont plus seulement lues par des humains, mais analysées en profondeur par des moteurs de recherche augmentés et des agents d’IA. Structure sémantique, temps de chargement, clarté du HTML, propreté des URLs : tout compte. Or la majorité des CMS actuels (WordPress, Wix, builders visuels, thèmes “premium”… ) produisent des pages lourdes, imbriquées de scripts et de dépendances, pensées pour cocher des cases « marketing » plutôt que pour être réellement lisibles par les machines. Le résultat : un contenu noyé dans le bruit technique, des performances médiocres, une indexation partielle et une visibilité qui dépend plus de la force brute que de la qualité intrinsèque du site. On est loin de la légèreté efficace du web des années 2000, tout en n’exploitant pas vraiment les possibilités du web 4.0.

Réponse

Genesis part d’un principe simple : pour exister dans un environnement de recherche intelligente, il faut des sites rapides, explicites et propres, jusque dans le HTML. L’outil génère des pages statiques ultra-légères, en HTML5 et CSS3, avec un recours minimal au JavaScript, uniquement là où il est réellement nécessaire. La structure est sémantiquement correcte, enrichie de données Schema.org et de métadonnées cohérentes, de sorte que moteurs et agents d’IA comprennent précisément ce que contient chaque page. On retrouve la réactivité des sites des années 2000, mais avec les standards actuels et une sophistication invisible pour l’utilisateur final. Pour vous, cela signifie des contenus qui se chargent vite, se lisent bien, se structurent proprement et se positionnent mieux : un socle technique pensé dès le départ pour le web 4.0 et la recherche augmentée, sans sacrifier le design ni la souplesse de l’édition.

Features

Genesis est un outil qui ne ressemble à aucun autre.
Il génère des sites statiques avec la flexibilité d’un CMS dynamique, en intégrant des fonctionnalités conçues pour allier performance, contrôle absolu et simplicité d’utilisation.
Certaines existent ailleurs. D’autres sont uniques.
Voici ce qu’il sait faire.

Performance Absolue


Genesis génère des sites statiques avec des performances de niveau natif. Sur l’exemple que vous consultez, toutes les pages atteignent 100/100/100/100 sur Lighthouse, y compris celles qui combinent images, vidéos et iframes interactives. Les temps de chargement restent systématiquement inférieurs à la seconde (environ 0,15 à 0,9 s selon le contenu et le terminal).

Cette performance n’est pas obtenue par des artifices, mais par une architecture sobre : PHP et JavaScript “vanilla”, aucune dépendance superflue, ressources strictement prioritaires et chargées au moment opportun. Pour vous, cela se traduit par des sites riches, fluides et rapides, sans compromis sur le design ni sur les fonctionnalités.

Architecture Maîtrisée


Avec Genesis, l’architecture du site est pilotée depuis une interface unique : paramètres globaux à gauche, réglages de page à droite, prévisualisation en temps réel au centre, sur plusieurs formats d’écran. Pas de drag-and-drop approximatif : la structure est maîtrisée et prévisible. Chaque bloc hérite de styles définis globalement (typos, couleurs, espacements), ce qui garantit une cohérence visuelle ; un paramètre ajusté une fois se propage partout sans risque de casser le design.

Design Systémique


Genesis permet de produire des designs très différents à partir du même ensemble de sections et de blocs. Tous les composants sont responsives par conception : grilles, typographies et médias s’adaptent automatiquement du mobile au desktop. Et si vous savez coder, un bloc n’est qu’un couple JS/PHP : une fois ajouté au projet, il est scanné, intégré à la bibliothèque et utilisable dans l’interface comme n’importe quel composant natif.

Sémantique Avancée


Genesis intègre nativement un panneau SEO & Social Networks qui pilote canonicals, Open Graph, Schema.org et métadonnées pour chaque page. Vous remplissez quelques champs clés, le système génère une structure HTML propre et des données structurées cohérentes : pas de plugin additionnel, un SEO solide et lisible par les moteurs comme par les agents IA.

Flexibilité Radicale


Genesis combine la souplesse d’un CMS dynamique avec la robustesse d’un générateur statique. La démo montre le système de layout : les mêmes cartes se réorganisent instantanément selon les boutons choisis, tandis que marges, espacements et arrondis se règlent en temps réel via les sliders. En pratique, vos sections se recomposent sans casser la grille, ce qui permet d’adapter un même design à des contenus très différents sans toucher au code.

Auto-repair Sémantique


Genesis analyse et corrige automatiquement la structure HTML de vos pages, sans toucher à votre mise en page. Vous pouvez utiliser les titres pour le design (un H2 avec l’apparence d’un H3, par exemple), le moteur rétablit ensuite une hiérarchie sémantique propre lors de la génération. Les erreurs de niveaux (H1 mal placé, sauts de H2 à H5, titres isolés…) sont détectées et réordonnées en quelques millisecondes. Résultat : un HTML natif, accessible et optimisé pour le référencement comme pour les technologies d’assistance, sans travail manuel supplémentaire.

Évolutions

Genesis me permet déjà de construire les sites que je veux, avec le niveau de contrôle dont j’ai besoin. Mais pour moi, ce n’est qu’un point de départ. Je veux qu’il devienne un système réellement assisté, capable d’anticiper une partie du travail plutôt que de simplement exécuter mes choix. Relié à Homeostasis, Genesis doit pouvoir générer des pages à partir de modèles sémantiques, proposer des structures adaptées au contexte, sélectionner les bons médias, puis me laisser ajuster finement. L’objectif n’est pas de déléguer la décision, mais d’utiliser l’intelligence de la machine pour préparer le terrain, sans perdre la maîtrise du résultat.

Il reste aussi des points très concrets à faire évoluer. Je veux voir immédiatement l’impact des styles que j’applique : ombres, arrondis, variations typographiques, états de survol… directement dans les panneaux. Je veux des groupes de réglages extensibles, un éditeur de texte qui rende le contenu en direct, et des placeholders visuels qui permettent de distinguer les blocs d’un coup d’œil. Un outil de ce niveau doit être puissant, mais aussi agréable à manipuler : pas de bidouille, pas de devinettes, une relation claire entre chaque paramètre et ce qui apparaît à l’écran.

La preview doit gagner en fluidité, avec plusieurs tailles d’écran accessibles en un geste, et des blocs livrés par défaut avec des icônes ou des images pertinentes, pour garder un rendu propre même quand le contenu n’est pas encore finalisé. À plus long terme, je veux ajouter un moteur de slideshow maison, ultra-léger et ultra-optimisé, des headers et footers multiples, des menus dynamiques, ainsi qu’un générateur intégré pour les mentions légales, CGU et bannières cookies — tout ce qui fait perdre du temps sans apporter de valeur créative.

Genesis est pensé comme un système vivant. À terme, je veux qu’il devienne un écosystème autonome, capable de reconnaître des besoins récurrents, de proposer des configurations adaptées et de préparer la structure idéale avant même que je la demande explicitement. Parce qu’au fond, Genesis n’est pas seulement un outil : c’est une façon de travailler. Moins de friction, plus de contrôle, et une obsession constante : que la technique s’efface pour laisser toute la place à ce que l’on veut vraiment montrer.