Carnet de fabrication
Blog
Notes sur la création de sites et de produits : développement, design, SEO et mise en ligne.
13 articles
Une marque de ramen bâtie autour d’un chat, du logo au site en ligne
Un chat noir au regard un peu absent est devenu toute une marque de ramen, puis un site trilingue où il mange des nouilles en boucle. Logo, univers visuel, Claude Design, Claude Code, Higgsfield et Railway.
J’ai créé un site e-commerce avec Claude, du design à la mise en ligne
Une marque d’encens tibétain, réalisée de bout en bout avec l’IA. Le logo et le packaging, une boutique Payload, le paiement PayPal, et toutes ces tâches ingrates qui transforment une vitrine en vraie boutique.
J’ai refait mon site avec l’IA en une semaine
Debout sur les nuages, en chute libre dans le ciel, suspendu à des ballons, et une fenêtre sur mon espace de travail. Comment le nouveau site a pris forme, et les idées restées en route.
Combien coûte le développement d’un MVP ? Le détail, concrètement
Ce qui détermine vraiment le coût d’un produit minimum viable, comment l’estimer en heures avant d’en parler à qui que ce soit, et là où les fondateurs dépensent trop.
Comment rédiger le brief de votre site web (avec un modèle gratuit)
Un brief de site web qui obtient des devis précis et comparables dès le premier tour. Ce qu’il faut y mettre, ce qu’il faut laisser de côté, et un modèle à copier-coller.
L’export statique de Next.js (output: 'export') : le guide complet
Comment fonctionne l’export statique de Next.js avec l’App Router, ce qu’il ne sait pas faire, et les solutions de contournement pour les images, les routes dynamiques, les formulaires et les redirections.
SEO technique pour l’App Router de Next.js : une check-list pratique
Métadonnées, URL canoniques, sitemaps, robots.txt, données structurées, hreflang et Core Web Vitals dans l’App Router de Next.js, avec du code à copier.
Un blog Markdown avec Next.js, sans CMS ni base de données
Un blog où chaque article est un fichier Markdown dans votre dépôt Git. Front matter, coloration syntaxique, images, vidéo et pages statiques avec l’App Router de Next.js.
Un formulaire de contact serverless avec Cloudflare Workers et D1
Dotez un site statique d’un vrai formulaire de contact grâce à un Cloudflare Worker, une base D1, la protection anti-spam Turnstile et des notifications instantanées. Offre gratuite, code complet.
Core Web Vitals pour sites animés : réussir LCP, INP et CLS
Comment garder animations au défilement, WebGL et vidéo sur un site tout en réussissant les Core Web Vitals. Les causes précises d’un mauvais LCP, INP ou CLS, et les solutions.
