npx cms-create-site my-site Que souhaitez-vous construire aujourd'hui ?
DécouvrirCe qu'est Vertex
Un site de contenu est un fichier de configuration. Tout le reste est l'affaire du framework.
Vertex CMS est un framework Vue 3 bâti sur vite-ssg. Vous écrivez du JSON décrivant le contenu de chaque page ; il vous rend un site statique pré-rendu avec le routage, les métadonnées, le thème et les images déjà pris en charge. Aucun code applicatif à écrire, aucun serveur à faire tourner.
Les pages sont des données, pas du code
Une page est une liste de composants et le contenu dont ces composants ont besoin. Ajouter une section revient à ajouter une ligne. Personne n'a besoin d'ouvrir un fichier .vue pour changer un titre, et une modification de contenu ne peut pas casser le build.
Le design est un manifeste de tokens
Un thème est un unique objet JavaScript de tokens de design — palette, typographie, surfaces, anneaux de focus, élévation. Le framework le compile en propriétés personnalisées CSS : refondre l'apparence d'un site entier tient dans un fichier, pas dans un audit de feuilles de style.
Sortie statique, vrai SEO
Chaque route est pré-rendue dans son propre HTML avec URLs canoniques, alternatives hreflang, JSON-LD, balises Open Graph, un sitemap et un robots.txt dérivé de vos réglages de brouillon. Déployez le dossier partout où l'on sert des fichiers.
Démarrage rapide
De rien à un site déployable en quatre commandes.
Vertex se livre sous forme d'un seul paquet npm accompagné d'un plugin Vite. Le générateur écrit un site fonctionnel que vous pouvez compiler immédiatement ; ensuite, vous éditez du JSON.
Générer un site
Crée le répertoire du site, un thème de départ et une page d'accueil qui compile déjà.
terminal npx cms-create-site my-site cd my-site npm installDécrire une page
Des clés plates en notation pointée avec index de tableau. Le framework les déplie en l'objet imbriqué que vos composants lisent au rendu.
site/content/en/pages/home.json { "components[0]": "Header", "components[1]": "Hero", "components[2]": "Footer", "content.hero.headline": "Welcome", "content.hero.subhead": "Built with Vertex CMS.", "content.hero.cta.text": "Get in touch", "content.hero.cta.href": "/contact", "path": "/" }La prévisualiser
Serveur de développement Vite avec rechargement à chaud. Les modifications de contenu se rechargent instantanément ; celles des images et du thème aussi.
terminal npm run devCompiler le site statique
Pré-rend chaque route dans son propre fichier HTML au sein de dist/, génère les variantes d'images responsives et écrit sitemap.xml, robots.txt, manifest.json et une page 404.
terminal npm run build:ssg
Voilà toute la boucle. Pour le modèle de contenu complet, les tokens de thème et les cibles de déploiement, lisez la documentation →
Ce qui est inclus
Les briques dont tout site de contenu a besoin, déjà construites.
Ce ne sont pas des plugins à aller chercher. Ils sont dans le framework, actifs par défaut, et configurés depuis le même JSON que tout le reste.
Routage pré-rendu
Les routes découlent de vos fichiers de page. Chacune est rendue dans son propre HTML à la compilation — pas de réécriture SPA, pas de coquille d'accueil servie pour de vraies URLs de contenu.
Contenu multilingue
Des répertoires par langue qui se reflètent l'un l'autre. La langue de base se charge en premier et chaque langue ne surcharge que les clés qu'elle définit : une traduction partielle est une traduction valide.
Images responsives
Déposez un original dans site/assets/img/. Le build génère de l'AVIF, du WebP et du JPEG en six largeurs, les met en cache hors de votre dépôt et les sert via un srcset dans <picture>.
Métadonnées SEO
URLs canoniques, alternatives hreflang, cartes Open Graph et Twitter, JSON-LD, fils d'Ariane déduits automatiquement, sitemap.xml, robots.txt et un manifeste d'application web — tout est généré, rien n'est maintenu à la main.
Verrouillage des brouillons
Protégez une page, un préfixe de chemin ou le site entier par mot de passe. Les pages verrouillées sont publiées avec noindex, restent hors du sitemap et ne rendent aucun corps tant qu'elles ne sont pas déverrouillées.
Thèmes et extensions
Les thèmes sont des manifestes de tokens. Les extensions sont des lots de composants validés. Les deux peuvent vivre dans votre dépôt ou être publiés sur npm et partagés entre sites.
Composants à trois niveaux
Les composants locaux au site l'emportent sur ceux des extensions, qui l'emportent sur le jeu fourni. Le plus spécifique gagne, et les noms qualifiés par source lèvent l'ambiguïté en cas de collision.
Un vrai 404
Le framework pré-rend /404.html avec l'habillage de votre propre site : les URLs sans correspondance obtiennent une page à votre marque portant noindex, plutôt qu'un corps de réponse vide.
Commencer
Alors — que souhaitez-vous construire aujourd'hui ?
Vertex CMS est sous licence MIT et publié sur npm. Générez un site, lisez la documentation, ou lisez le code source.
npx cms-create-site my-site