~/sylvain.dev : accueil EN

Sous le capot

Comment ce site est fait, et pourquoi. Les sources sont sur GitHub.

Construction

  • Eleventy 3.1.7 génère des pages statiques à partir de Markdown et de gabarits Nunjucks.
  • CSS natif, sans framework ni préprocesseur, injecté dans chaque page : pas de requête bloquante.
  • Polices IBM Plex Sans et JetBrains Mono, servies depuis le site.
  • Images optimisées au build en AVIF et WebP par eleventy-img.
  • Très peu de JavaScript, et le site fonctionne sans : thème clair/sombre, palette de recherche (Ctrl+K), bouton « copier » sur le code, page hors ligne via un service worker.

Hébergement et publication

  • Cloudflare Pages construit et sert le site à chaque push sur main, avec une préversion pour chaque branche.
  • Un build quotidien ramène les nouvelles webmentions (reçues par webmention.io) et tient à jour l’âge affiché des articles.
  • Sveltia CMS permet d’écrire depuis le navigateur : il commite directement dans le dépôt.
  • Mesure d’audience par Cloudflare Web Analytics, sans cookie.

Contrôles

Chaque push passe par GitHub Actions : validation HTML, accessibilité WCAG 2 AA (pa11y), liens internes et redirections, analyse SonarCloud et CodeQL. Les liens externes sont vérifiés chaque semaine avec lychee, et Renovate tient les dépendances à jour.

La politique de sécurité du contenu n’autorise aucun script tiers, à part la mesure d’audience.

Aller à une page