Stack

(Brouillon généré par IA. À réécrire ultérieurement par un humain.)

Un aperçu de ce qui fait tourner techmeat.dev, des outils sur lesquels je m'appuie au quotidien, et du workflow que j'utilise pour publier des articles et livrer des fonctionnalités avec des agents de coding.

Stack technique

• Astro 6 en mode output: 'static'. Les articles sont en Markdown, rendus via les content collections d'Astro.
• Solid.js via @astrojs/solid-js pour les rares îlots interactifs — bascule de thème, sélecteur de langue, bouton de copie des blocs de code.
• Bun comme runtime, gestionnaire de paquets et test runner. Pas de npm, pas de pnpm.
• Cloudflare Pages pour l'hébergement ; Cloudflare Web Analytics pour le trafic, sans cookies.
• satori + resvg pour la génération des cartes OG au build, par article et par locale.
• @vite-pwa/astro (Workbox) pour une PWA installable avec un repli hors ligne.
• @astrojs/sitemap + @astrojs/rss pour le sitemap et les flux RSS par locale.

Outillage

• oxlint + oxfmt — linter et formateur basés sur Rust. Pas d'ESLint, pas de Prettier.
• @astrojs/check pour la vérification TypeScript à l'intérieur des fichiers .astro.
• lefthook pour les hooks de pre-commit (lint + format + vérification de types à chaque commit).
• bun:test comme framework de tests.

Assistants IA

• Claude Code — l'agent de coding principal. Le contexte projet vit dans CLAUDE.md et AGENTS.md.
• Superpowers skills — brainstorming, writing-plans, subagent-driven-development pour les fonctionnalités non triviales.
• GPT-5.5 — utilisé pour une seconde passe de revue de code sur les changements plus conséquents.
• Suite de skills SEO / GEO — recherche de mots-clés, optimisation des meta tags, balisage schema, audit on-page, auditeur de qualité de contenu (CORE-EEAT), optimiseur de contenu GEO pour les moteurs IA.

Matériel

• (Espace réservé — à compléter par l'humain.)

Workflow

Chaque article et chaque fonctionnalité passe à peu près par la même boucle :

1. Consigner l'objectif et les contraintes dans CLAUDE.md / AGENTS.md pour que l'agent dispose d'un contexte stable.
2. Faire un brainstorming sur la forme du travail avec Superpowers ; produire une spec de conception.
3. Transformer la spec en plan d'implémentation avec des étapes concrètes.
4. Exécution menée par sous-agents, avec une revue en deux temps (conformité à la spec, puis qualité du code) par tâche.
5. Pour les articles : un pipeline SEO + GEO en plusieurs étapes avant publication.

L'intérêt de cette page est d'être honnête sur la chaîne d'outils, afin que les articles restent centrés sur le processus au lieu de réexpliquer la configuration à chaque fois.