Aller au contenu
Studjoow

Ma stack 2026.

34 outils. Chacun choisi, testé, et éprouvé sur de vrais projets clients. Aucun partenariat, aucune affiliation — uniquement ce qui fonctionne vraiment dans un studio créatif indépendant en 2026.

Outils
34
Mis à jour
Mai 2026
Auteur
John Houzi
Frontend

Next.js 15

Framework React full-stack

Le standard actuel pour tout site qui doit être rapide, indexable et maintenable. App Router, React Server Components, génération statique hybride — rien ne rivalise en 2026 pour les sites clients.

TypeScript

Typage statique

Indispensable dès qu'un projet dépasse une semaine de vie. Les erreurs sont attrapées à la compilation, le refactoring devient serein, et le prochain dev (ou moi dans 6 mois) comprend le code sans devoir fouiller.

Tailwind CSS v4

CSS utilitaire

Vitesse d'intégration incomparable. Zéro CSS mort en production. Le design system est dans le fichier de config, pas éparpillé dans 40 fichiers .scss. Tailwind v4 avec le nouveau moteur Oxide est encore plus rapide.

intl

next-intl

Internationalisation (i18n)

La lib i18n la mieux intégrée avec l'App Router. Routing multilingue, traductions type-safe, support RSC natif. Tous les sites clients avec audience internationale tournent dessus.

Backend & Infra

Supabase

Base de données, auth, storage

PostgreSQL managé avec API REST et temps réel incluse, auth complète, stockage fichiers. Remplace un backend custom pour 90 % des projets clients sans sacrifier la flexibilité.

Vercel

Hébergement & déploiement

Déploiement Next.js natif, CDN mondial, Edge Functions, aperçus de branche automatiques. La meilleure DX du marché pour déployer et itérer vite. Preview URLs sur chaque PR pour les validations client.

Resend

Emails transactionnels

API email simple, deliverability excellente, logs clairs, SDK React pour les templates. Remplace avantageusement SendGrid ou Mailgun pour les projets indépendants.

Cloudflare

DNS, CDN & sécurité

Gestion des DNS et protection DDoS pour tous les domaines clients. Le CDN Cloudflare améliore les temps de réponse en Europe et réduit les coûts de bande passante. Proxying gratuit sur le plan Free.

CMS

WordPress

CMS quand le projet le justifie

Je ne le pousse pas par défaut — Next.js reste ma cible. Mais quand un client a besoin d'autonomie totale sur son contenu, d'un écosystème plugin mature ou d'une intégration WooCommerce, WordPress reste la solution la plus pragmatique et la plus connue des équipes.

Design

Figma

UI design & prototypage

L'outil de référence pour tout le travail de conception : maquettes, systèmes de design, composants partagés avec les clients. Les Dev Mode et Variables permettent un passage design vers code beaucoup plus direct.

Ps

Photoshop

Retouche photo & compositing

Pour la retouche d'images de produits, le compositing et la préparation des assets web. Utilisé en dernier recours quand Lightroom ou les outils IA ne suffisent pas.

Ai

Illustrator

Graphisme vectoriel & identité

Création de logotypes, icônes, illustrations vectorielles et systèmes d'identité de marque. Fichiers source propres et transmissibles, compatibles presse et web.

Id

InDesign

Mise en page & PAO

Pour les livrables print : brochures, rapports annuels, présentations riches, livres. Quand un client a besoin d'un document qui sera imprimé, InDesign reste incontournable.

Ae

After Effects

Motion design & animations

Motion graphics pour les réseaux sociaux, intros de marque, animations d'interface. Couplé à Lottie, les animations AE s'intègrent directement dans les sites web sans perte de qualité.

Pr

Premiere Pro

Montage vidéo

Pour les projets clients nécessitant du contenu vidéo : présentation de marque, témoignages, vidéos institutionnelles. En complément des IA vidéo pour les projets qui nécessitent un montage plus fin.

IA — Texte & code

Claude (Anthropic)

Assistant principal & API d'intégration

Mon modèle de référence pour la rédaction, la refactorisation de code et les intégrations IA dans les sites clients. L'API Claude est embarquée dans plusieurs projets pour la génération de contenu ou les assistants conversationnels.

GPT

ChatGPT (OpenAI)

Second avis & brainstorming

En complément de Claude pour les questions où un second modèle apporte une perspective différente. GPT-4o est particulièrement utile pour l'analyse d'images et les tâches multimodales dans les briefs clients.

Perplexity

Recherche IA avec sources

Pour la veille, les benchmarks concurrentiels et toute question qui nécessite des sources citables et vérifiables. Remplace avantageusement Google pour les recherches techniques où l'exactitude compte.

Gemini (Google)

IA multimodale & intégration Google

Utile pour les projets qui s'intègrent à l'écosystème Google (Workspace, Search, Analytics). Gemini 2.0 Flash est compétitif sur les tâches longues et l'analyse de documents volumineux.

n8n

Automatisation & workflows IA

Orchestrateur no-code/low-code pour connecter les outils entre eux : webhooks, traitements batch, enrichissement IA, notifications. Self-hostable, ce qui évite la dépendance à Zapier et limite les coûts sur les volumes élevés.

IA — Image
Mj

Midjourney

Génération d'images créatives

Le meilleur modèle pour la direction artistique : moodboards, concepts visuels, explorations d'identité de marque. La v7 produit des résultats cohérents et stylisables que je peux pousser dans Photoshop.

Ff

Adobe Firefly

Génération d'images commercialisables

Entraîné sur des contenus sous licence, donc légalement utilisable dans les livrables commerciaux clients. Intégré directement dans Photoshop et Illustrator pour les retouches et extensions génératives.

D·E

DALL-E 3 (OpenAI)

Génération d'images via API

Accessible via l'API OpenAI, utile pour les projets clients nécessitant de la génération d'images automatisée (catalogues, variations de contenu, personnalisation à grande échelle).

IA — Vidéo
Rw

Runway ML

Génération & édition vidéo IA

Pour les courtes vidéos créatives, les effets visuels et les transitions impossibles à faire manuellement. Gen-3 Alpha produit des vidéos cohérentes à partir de prompts ou d'images sources. Outil de référence dans l'industrie.

Kl

Kling AI

Génération vidéo haute qualité

Concurrent sérieux de Runway, avec une qualité de mouvement souvent supérieure sur les plans réalistes. Utile pour les vidéos de marque et les contenus produits qui nécessitent un rendu photo-réaliste.

So

Sora (OpenAI)

Génération vidéo longue durée

Pour les vidéos de plus de 10 secondes avec cohérence temporelle forte. Encore en déploiement progressif, mais déjà utilisable pour les projets de présentation de marque et les concepts créatifs.

SEO & GEO
Sk

Skovr

Audit SEO/GEO interne

Mon propre outil de scan. Vérifie les signaux GEO (llms.txt, Schema.org, balises speakable), les Core Web Vitals, et l'accessibilité des crawlers IA. Développé en interne pour les besoins du studio, disponible en version publique.

Workflow & productivité

Claude Code

Agent de développement IA en terminal

Accélère considérablement les tâches répétitives et les migrations de code. Utilisé pour les refactorings à grande échelle, la génération de tests et les portages de bases de code legacy. Gain de temps estimé : 40-60 % sur les projets de migration.

Git + GitHub

Versioning & collaboration

Branches par feature, PR systématiques même en solo pour garder un historique propre. GitHub Actions pour les checks automatiques (TypeScript, lint). Indispensable pour la maintenance long terme des projets clients.

Notion

Docs, briefs & base de connaissances

Espace de travail partagé avec les clients : briefs, moodboards, roadmaps, notes de réunion. Chaque projet a son espace Notion dédié, ce qui évite les échanges emails interminables.

Loom

Walkthroughs vidéo async

Pour les revues de maquettes et les démonstrations de fonctionnalités : j'enregistre un screencast commenté que le client regarde à son rythme. Réduit drastiquement les réunions de validation.

Stripe

Paiement en ligne

Intégré dans tous les projets clients nécessitant des paiements : e-commerce, abonnements SaaS, prises de commande. L'API Stripe est la plus documentée et la plus fiable du marché.

Linear

Suivi de tickets & roadmap

Pour les projets avec plusieurs phases ou plusieurs intervenants : suivi des bugs, roadmap priorisée, cycles de sprint. Beaucoup plus rapide que Jira pour un studio indépendant.

Raycast

Launcher & productivité macOS

Remplace Spotlight et amplifie la productivité quotidienne : snippets de code, gestion des fenêtres, recherche GitHub, traduction instantanée. Les extensions Raycast pour Vercel, Linear et Figma font gagner plusieurs minutes par jour.

Une note sur les choix

Pourquoi cette stack et pas une autre ?

Chaque outil de cette liste a été choisi parce qu'il me rend plus fiable pour mes clients, pas parce qu'il est tendance. Le critère est simple : est-ce que cet outil réduit le nombre de choses qui peuvent mal se passer entre le brief et la livraison ?

Je n'utilise pas de plateformes opaques à coûts cachés. La stack est transparente, transmissible et documentée. Un client peut la confier à un autre développeur ou studio à tout moment sans être enfermé.

Cette liste évolue. Je retire un outil quand il en existe un meilleur, et j'en ajoute un uniquement quand je l'ai utilisé en production. Derniers changements majeurs : migration vers Next.js App Router (2024), adoption de Supabase pour remplacer Firebase (2025), et intégration systématique des outils IA sur les workflows code, image et vidéo (2026).

Outil dans le lab

Skovr — scanner SEO/GEO.

L'outil que j'ai développé pour auditer les signaux SEO et GEO de n'importe quel site. À tester directement dans le Lab.

Ouvrir le Lab

Construire avec cette stack

Votre projet, construit bien.

Vous voulez un site construit avec cette stack ? J'applique ces mêmes outils sur chaque projet client : qualité prévisible, code propre, sans enfermement.