Thème starter

Publiez un site produit cet après-midi

Velocity est le plus petit thème Static Site Generator réellement utile : cinq pages, une feuille de style, aucune étape de build et rien chargé depuis le serveur d'un tiers.

Horizon de montagnes superposées au lever du soleil, évoquant la vitesse et l'élan

Built for shipping quickly

No build toolchain

No npm install, no bundler, no lockfile. Edit Markdown, run one binary, deploy the folder.

Nothing phones home

No CDN, webfont host, analytics or tag manager. There is nothing to disclose in a cookie banner.

Accessible by default

Colour tokens are gated at AAA for text; keyboard paths and focus states are checked in CI.

Search included

The generator injects an accessible search dialog with a live-region result count. The theme skins it.

Feeds included

RSS, Atom and JSON Feed are generated from the same content and linked in the document head.

One file to re-skin

The whole palette is a token block at the top of styles.css. Change it, run the gate.

À qui cela s'adresse

Velocity convient à une page produit, à un petit site marketing SaaS ou à la vitrine publique d'un projet libre. Il est volontairement plus réduit qu'Apex : pas d'index d'études de cas, pas d'en-tête de portfolio, pas de tableau de bord d'indicateurs.

Pour un portfolio, utilisez Apex. Pour publier des textes longs ou de la recherche, utilisez Atlas. Pour une page qui explique un produit et recueille des demandes, c'est celui-ci.

Ce que « sans étape de build » signifie

Il n'y a pas de package.json. La feuille de style est écrite à la main, en CSS, avec des couches de cascade et des propriétés personnalisées que tous les navigateurs visés prennent en charge nativement. Les deux fichiers JavaScript totalisent moins de 4 Ko en ES5 : pas de transpileur, pas de polyfill, pas de graphe de modules.

Pour travailler sur le thème, vous lancez le générateur et vous rafraîchissez. C'est toute la boucle.

L'étendre

Ajouter une page, c'est deux fichiers : un fichier Markdown dans content/ et une mise en page dans _layouts/ qui commence par {{#extends "base"}}. L'en-tête, le pied de page et la coque du document suivent automatiquement, si bien qu'une nouvelle page démarre à environ huit lignes.