Aller au contenu
gloens.fr
Tous les articles
Infrastructure & DevOps

Comment ce site est construit et déployé

Next.js en export statique, du Markdown pour le contenu, Cloudflare Pages pour le déploiement. Le détail de la chaîne, parce que je ne vais pas demander à quelqu'un de me faire confiance sur parole.

2026-08-021 min

Un site qui parle d'infrastructure et de vie privée devrait pouvoir montrer la sienne. Voici donc, sans détour, comment celui-ci est construit.

La pile technique

Le site est un export statique Next.js (output: "export") : pas de serveur Node en production, juste des fichiers HTML, CSS et JS générés au build. Le contenu éditorial vit en Markdown dans content/blog/, avec un frontmatter YAML qui porte le titre, la date, le pilier éditorial et le résumé de chaque article.

title: "Titre de l'article"
date: "2026-08-02"
pilier: "devops-infra"
excerpt: "Résumé en une ou deux phrases."
draft: false

Au build, gray-matter extrait ce frontmatter et une chaîne remark/rehype convertit le Markdown en HTML : remark-gfm pour les tableaux et le Markdown étendu, rehype-slug pour les ancres de titres, rehype-pretty-code pour la coloration syntaxique des blocs de code.

Le déploiement

Cloudflare Pages est branché directement sur le dépôt Git. Un push sur une branche produit une URL de préversion ; un merge sur main déclenche le build de production. Aucune étape manuelle entre l'écriture d'un article et sa publication.

Ce que ça change en pratique

Pas de base de données à sauvegarder, pas de serveur à patcher, pas de CDN tiers pour les polices ou les icônes — tout est auto-hébergé, y compris IBM Plex Sans et Plex Mono. C'est la conséquence directe du pilier "vie privée" appliqué à mon propre outil, pas seulement à ceux que je recommande.

Une note technique par mois

Retours d'expérience sur l'IA en pipeline, l'infra et la vie privée. Pas de tracker, pas de relance commerciale, désinscription en un clic.