Aller au contenu

Setup

Ce que j'utilise au quotidien

Le matériel, les outils et les services qui me suivent sur chaque projet.

01Matériel

Le poste de travail

Tout tourne autour du Mac. Un setup simple, fiable et silencieux — l'outil ne doit jamais être ce qui ralentit.

  • MacBook Pro 14" (Apple Silicon)

    Ma machine principale. La puce Apple Silicon encaisse sans broncher les builds Next.js, les containers et les simulateurs mobiles, le tout en restant fanless la plupart du temps.

  • Écran externe 27"

    Le MacBook reste fermé en mode clamshell, je travaille sur un grand écran. Plus de hauteur de code visible, et de la place pour le navigateur côte à côte.

  • Clavier mécanique

    Je passe ma journée à taper : un bon clavier change tout. Layout AZERTY pour l'écriture, mais j'utilise des raccourcis partout pour limiter les déplacements de main.

  • Souris + trackpad Magic

    Trackpad pour les gestes macOS (bureaux, Mission Control), souris pour les sessions design plus précises dans Figma.

  • iPhone & iPad

    Pour tester en conditions réelles les apps React Native et la responsivité des sites — rien ne remplace un vrai appareil dans la main.

  • Casque à réduction de bruit

    Mon interrupteur « focus ». Je l'enfile quand je rentre dans une session profonde de dev, surtout pour les parties algorithmiques.

02Éditeur & terminal

Là où j'écris le code

L'environnement que je connais par cœur. Configuré aux petits oignons pour rester rapide et garder les mains sur le clavier.

  • VS Code

    Mon éditeur principal depuis des années. Thème sombre, police monospace à ligatures, et juste ce qu'il faut d'extensions pour ne pas l'alourdir.

  • Extensions VS Code

    ESLint et Prettier pour la rigueur, Tailwind CSS IntelliSense pour l'autocomplétion des classes, GitLens pour l'historique, Error Lens pour voir les erreurs en ligne, et Prisma pour le schéma.

  • Terminal + zsh

    Zsh avec Oh My Zsh, un prompt épuré qui affiche la branche Git, et des alias pour les commandes que je tape cent fois par jour (git, pnpm, docker).

  • Git & GitHub

    Tout passe par Git, branche par fonctionnalité. GitHub pour héberger les dépôts, les pull requests et les Actions de CI/CD. Commits clairs et atomiques.

  • pnpm

    Mon gestionnaire de paquets par défaut : rapide, économe en espace disque et parfait pour les monorepos (comme Hooked, en pnpm workspaces).

  • Docker

    Pour faire tourner les bases de données et les services en local, au plus proche de la prod. Un environnement reproductible, jetable et identique d'une machine à l'autre.

03Stack & frameworks

Ce avec quoi je construis

Je choisis la technologie selon le besoin du projet, pas l'inverse. Voici celles que j'utilise le plus souvent.

  • Next.js

    Mon framework de référence pour le web. App Router, Server Components et rendu hybride : le bon compromis entre performance, SEO et confort de développement.

  • React

    La base de tout mon front. Une fois la logique des composants et des hooks bien en tête, on construit vite et proprement.

  • React Native / Expo

    Pour le mobile iOS et Android avec une seule base de code. Expo accélère énormément le démarrage, les builds et les mises à jour OTA.

  • TypeScript

    Non négociable. Le typage me fait gagner un temps fou en attrapant les erreurs avant l'exécution, et il sert de documentation vivante du code.

  • Node.js & NestJS

    Node pour les API et les outils. NestJS quand je veux une architecture back-end structurée, modulaire et testable (c'est la base de l'API de Hooked).

  • Go

    Pour les back-ends exigeants en performance et en concurrence. C'est le cœur d'Axiora : un ERP multi-tenant en Go avec Fiber et GORM.

  • PostgreSQL

    Ma base de données par défaut. Robuste, complète et fiable, du petit projet jusqu'au logiciel métier.

  • Prisma & Drizzle

    Prisma pour son confort et son schéma déclaratif, Drizzle quand je veux rester au plus près du SQL et garder une empreinte légère. Le choix dépend du projet.

  • Tailwind CSS

    Pour styliser vite sans quitter le markup, tout en gardant un design cohérent. Couplé à un design system, c'est imbattable pour tenir le rythme.

04Design

De l'idée à la maquette

Je conçois avant de coder. Le design n'est pas une étape séparée : c'est là que les bonnes décisions se prennent.

  • Figma

    Mon outil de design unique : maquettes, prototypes cliquables et design systems réutilisables. Un seul endroit pour cadrer l'UI avant d'écrire une ligne de code.

  • Variables & composants Figma

    Je travaille en composants et en tokens (couleurs, espacements, typo) pour que la maquette colle au design system du code et reste cohérente partout.

  • SF Symbols & Lucide

    Lucide pour les icônes web (légères et cohérentes), SF Symbols côté mobile Apple. Des icônes nettes qui s'alignent sur le reste de l'interface.

05Services & infra

Où ça tourne en production

Des services managés, fiables et rapides à mettre en place. Je préfère consacrer mon temps au produit plutôt qu'à l'administration de serveurs.

  • Vercel

    Mon hébergement de prédilection pour le web. Déploiement à chaque push, previews automatiques sur les pull requests et un edge réseau qui rend les sites instantanés.

  • Neon

    Postgres serverless avec branches de base de données : je peux créer une base par preview, exactement comme une branche Git. Idéal pour tester sans risque.

  • Resend

    Pour tous les e-mails transactionnels : confirmations de formulaire, notifications, etc. API simple, bonne délivrabilité, et des templates en React avec React Email.

  • Cloudflare

    DNS, protection et cache en frontal. Une couche de sécurité et de performance que je mets devant les projets dès que c'est pertinent.

  • GitHub Actions

    Mon CI/CD : lint, tests et vérifications de types à chaque pull request. Rien ne part en prod sans être passé au vert.

06Au quotidien

Organisation & veille

Les outils qui m'aident à garder le cap, suivre les projets et rester à jour dans un écosystème qui bouge vite.

  • Gestion de tâches

    Un système simple de listes et de jalons par projet. Je découpe chaque mission en petites étapes claires pour avancer sans me disperser.

  • Notion

    Ma base de connaissances : notes de projet, comptes-rendus de cadrage, snippets et documentation. Tout ce que je ne veux pas garder seulement dans ma tête.

  • Raycast

    Mon lanceur sur macOS. Recherche, presse-papiers, scripts et raccourcis : un gain de fluidité au quotidien qui finit par compter énormément.

  • Arc / navigateur

    Avec les DevTools toujours ouverts. C'est mon terrain de jeu pour inspecter, déboguer et mesurer les performances (Lighthouse, Core Web Vitals).

  • Veille technique

    Newsletters, documentation officielle, GitHub et quelques comptes de référence. Je teste les nouveautés sur mes projets perso avant de les amener chez un client.

Cette page s'inspire de la tradition /uses — elle évolue au gré des projets et des outils que j'adopte.

Disponible en freelance

Un projet en tête ?Construisons-le.