Application web sur mesure : React + TypeScript + Supabase en 2026
Beaucoup de projets démarrent comme un site vitrine et se transforment, six mois plus tard, en application web complète. L'équipe a besoin d'un espace client, d'un tableau de bord, de rôles utilisateurs, de paiements, de notifications. Le site WordPress ou la landing page Webflow ne suffit plus. Cette bascule du vitrine vers l'app n'est pas qu'une question de design : elle change radicalement la stack technique, les coûts d'hébergement et le profil du développeur requis. Cet article explique quand opérer ce passage, pourquoi le combo React + TypeScript + Supabase est devenu un standard en 2026, et ce que coûte une web app sur mesure quand on travaille avec un freelance basé en France.
Je dirige CODRUM (SIREN 103 982 005, RCS Évry), cabinet d'études en géomatique et développement web basé à Morsang-sur-Orge (91). Le cabinet conçoit des applications web React et des SaaS pour startups et PME, avec une expertise consolidée par les recherches en cours du Master 1 Géomatique G2M. La stack décrite ici est celle que nous utilisons sur les projets clients dont le besoin dépasse le simple site vitrine.
Site vitrine ou application web : la frontière
Un site vitrine présente une entreprise, ses services, son équipe. Le contenu est largement statique, les utilisateurs sont anonymes, et l'objectif est la conversion (formulaire, appel, devis). Une application web fait l'inverse : les utilisateurs s'authentifient, leurs données sont stockées et restituées, des workflows métier s'exécutent côté serveur. Espace client, plateforme de réservation, outil interne, marketplace, SaaS B2B : tout cela relève de l'application web. La frontière concrète tient en trois questions : avez-vous des utilisateurs identifiés ? écrivez-vous des données en base ? un utilisateur ne doit-il pas voir les données d'un autre ? Trois oui signifient que vous quittez le terrain du site vitrine et entrez dans celui de l'app.
Pourquoi cette stack : React + TypeScript + Supabase
React reste le framework UI le plus utilisé au monde en 2026, avec un écosystème mature (Next.js, Vite, Remix, React Query, React Hook Form) et un vivier de développeurs considérable. Comparé à Vue ou Angular, React offre la meilleure couverture de talent francilien, ce qui compte si vous devez reprendre le projet en interne ou recruter plus tard. TypeScript ajoute la sûreté de type : les bugs d'arguments mal passés, de champs manquants ou de réponses API mal typées sont attrapés à la compilation, pas en production. Sur une application qui dépasse 10 000 lignes, c'est non négociable.
Côté backend, Supabase remplit le rôle de Firebase mais sans ses défauts. Open source, bâti sur PostgreSQL (une vraie base relationnelle, pas du NoSQL), avec un système de Row Level Security (RLS) natif qui pousse les règles de sécurité au plus près des données. Le pricing est prévisible (forfait Pro à 25 USD/mois, pas de surprise comme sur AWS), et l'auto-hébergement reste possible si vous voulez sortir du cloud managé. C'est l'argument décisif pour les fondateurs qui craignent le vendor lock-in.
Ce que couvre Supabase nativement
Sur un projet typique, Supabase remplace cinq services qu'on aurait dû assembler à la main : Auth (email/mot de passe, magic links, OAuth Google/GitHub/Apple, MFA), Postgres avec migrations et RLS policies, Edge Functions en Deno pour la logique serveur (webhooks Stripe, envoi d'emails, traitements asynchrones), Storage S3-like pour fichiers et images avec règles d'accès, et Realtime via websockets pour les notifications live ou les collaborations type Notion. L'extension pgvector ouvre en plus la voie aux fonctionnalités IA (recherche sémantique, embeddings) sans déployer une stack séparée. Un seul backend, une seule facture, une seule console d'administration.
Architecture type d'une web app moderne en 2026
Sur un projet client typique, l'architecture tient en quatre briques : un frontend React + TypeScript déployé sur Vercel (CDN mondial, déploiements automatiques sur push Git, previews par branche), Supabase Cloud pour l'auth, la base et les Edge Functions, Sentry pour le monitoring d'erreurs front et back, et un domaine sur OVH ou Cloudflare. Pour les clients qui veulent rapatrier le front sur un hébergement mutualisé OVH, c'est possible : on build le projet en statique côté frontend et Supabase reste joignable en HTTPS depuis n'importe où. Cette séparation front/back rend la migration d'hébergeur indolore le jour où elle devient nécessaire.
Tarifs et délais pour une web app sur mesure
Les ordres de grandeur que j'applique sur mes projets : un MVP web app (authentification, 2 à 3 écrans métier, base de données, déploiement) tient entre 4 000 et 8 000 € et se livre en 6 à 10 semaines. Un SaaS complet (multi-tenant, paiements Stripe, dashboard admin, emails transactionnels, documentation API) se situe entre 10 000 et 25 000 € sur 3 à 6 mois. Au-delà, on bascule en mode équipe et la facturation devient mensuelle. Ces prix incluent la stack technique, le design front, les tests automatisés et la mise en production. Pour discuter de votre projet, contactez-moi via la page contact ou consultez mes réalisations pour voir des exemples concrets de web apps livrées.
Questions fréquentes
-
Quelle différence entre site vitrine et application web ?
Trois critères : utilisateurs identifiés (auth), écriture de données en base, isolation entre utilisateurs (RLS). Trois oui = application web, pas un site vitrine. -
Pourquoi Supabase plutôt que Firebase ?
Open source, PostgreSQL (relationnel, pas NoSQL), RLS natif, pricing prévisible (Pro 25 USD/mois), auto-hébergeable. Évite le vendor lock-in Firebase. -
Combien coûte une application web sur mesure ?
MVP web app (auth + 2-3 écrans + base + déploiement) entre 4 000 et 8 000 € sur 6-10 semaines. SaaS complet (multi-tenant, Stripe, dashboard) entre 10 000 et 25 000 € sur 3-6 mois.
Articles liés
Développeur web freelance à Morsang-sur-Orge et en Essonne (91)
Pourquoi choisir un freelance local plutôt qu'une agence parisienne, mes services pour les PME de l'Essonne, communes couvertes, projets 2026 et tarifs transparents.
Création de site vitrine PME avec React + Vite : standards 2026
Pourquoi React + Vite + SSG bat WordPress sur la performance, la sécurité et le coût d'hébergement, avec deux études de cas Clad-Primeco et Milena Glow Up.