Comment j'ai construit un SaaS d'images assisté par IA avec Astro, Supabase, Stripe, R2 et Electron

ImgKit a commencé avec un pari produit simple : les gens recherchent des tâches pratiques d’image tout le temps. Ils ont besoin de compresser un fichier, convertir PNG en WebP, redimensionner une image, ou comprendre pourquoi un upload paraît flou.

Cela a rendu la première version intentionnellement petite. Au lieu de démarrer avec un tableau de bord, ImgKit a livré des outils gratuits côté navigateur et des guides pratiques. Le site pouvait résoudre de vrais travaux pendant que la direction produit était encore testée.

The Stack

Le site public utilise Astro car le premier canal de croissance est le contenu et les outils. Les pages statiques, le chargement rapide et un SEO propre comptent plus qu’un shell d’app complexe à cette étape.

Supabase gère la connexion et l’accès produit. Stripe gère le checkout. Cloudflare R2 stocke des actifs téléchargeables privés. Cloudflare Workers servent les routes API pour le checkout, les webhooks et les flux de téléchargements protégés.

Electron est devenu la couche de bureau pour les flux de travail locaux d’images par lots. Cette app permet à ImgKit d’explorer la valeur du logiciel sans forcer les images sources à travers un service de conversion hébergé.

The Product Path

La première surface utile était des outils gratuits :

1. Convertir des images dans le navigateur.
2. Compresser vers les limites réelles d’upload.
3. Redimensionner des copies pour les sites web et les boutiques.
4. Enseigner le flux de travail environnant avec des guides.

Puis sont arrivés les flux de travail locaux de style Pro : conversion par lots, suppression de fond, rapports et leçons d’empaquetage de bureau.

La question commerciale était plus difficile. Une app de bureau payante a besoin de signature, d’attentes de support, de gestion des mises à jour et de confiance. ImgKit avait un logiciel fonctionnel, mais le meilleur premier produit payant était le processus de construction lui-même.

Why The First Paid Product Is A Builder Case Study

La vraie valeur était déjà là pour les créateurs :

• les surfaces de contenu et produit d’Astro ;
• la base d’adhésion de Supabase ;
• les décisions de checkout et webhook de Stripe ;
• la livraison de téléchargements protégés de R2 ;
• les leçons de l’app de bureau Electron ;
• le flux de revue et d’implémentation de Codex ;
• le pivot de prix de la vente de logiciel vers le produit éducatif.

Cela est brièvement devenu l’ImgKit Builder Case Study, un package de code source et de tutoriels avec des notes de configuration et la trace honnête des décisions. Cette offre autonome est désormais retirée.

How AI Helped

La programmation par IA était la plus précieuse lorsqu’elle était associée au jugement produit. Le flux de travail ressemblait à cela :

1. Inspecter le dépôt existant avant de changer le code.
2. Faire de petites éditions cadrées.
3. Construire ou tester immédiatement.
4. Revoir la conséquence sur le produit, pas seulement la syntaxe.
5. Transformer le travail répété en scripts ou notes réutilisables.

Le but n’était pas de laisser l’IA inventer un produit de façon isolée. Le but était d’utiliser l’IA pour avancer plus vite dans l’implémentation tout en gardant la direction produit ancrée.

What Builders Can Learn

La leçon utile n’est pas « copiez cette app exacte ». C’est la séquence :

1. Commencez par un problème spécifique et répété.
2. Publiez des outils et guides gratuits qui résolvent de vrais travaux.
3. Ajoutez une livraison protégée avant le checkout public.
4. Mettez en pause le logiciel payant si le support et la confiance ne sont pas prêts.
5. Vendez la partie qui a déjà de la valeur.

Pour ImgKit, cela a brièvement signifié vendre le registre de construction d’abord. Le chemin de paiement actif a ensuite été déplacé vers Gift Studio.

Archived Case Study

Si vous construisez un SaaS assisté par IA, un MVP de bureau local, un produit de téléchargement protégé, ou un package éducatif de code source, la page archivée de l’Builder Case Study préserve la trace d’implémentation. Ce n’est plus une offre de checkout.

Questions fréquentes

ImgKit est-elle une plante de SaaS terminée ?

Non. ImgKit est un vrai projet produit, et l'ancienne page Builder Case Study est désormais archivée au lieu d'être vendue comme un package de code source séparé.

Pourquoi construire d'abord des outils d'image pour le navigateur ?

Les outils du navigateur créent des pages de recherche utiles, résolvent des problèmes immédiats des utilisateurs et prouvent la demande avant de pousser un logiciel payant plus lourd.

Quel rôle a joué la programmation par IA ?

L'assistance IA a aidé à inspecter la base de code, implémenter des changements cadrés, relire les flux et transformer les décisions produit en pages et scripts fonctionnels.