En bref
Vous pouvez créer et déployer une application full-stack complète en 2026 sans dépenser un seul dollar. La nouvelle expérience de codage "vibe coding" de Google AI Studio (niveau gratuit) + l'agent Antigravity + le niveau gratuit de Firebase = des applications fonctionnelles avec authentification, base de données et hébergement à coût zéro. Ce guide vous montre exactement comment procéder.
Essayez Apidog dès aujourd'hui
Introduction
Construire une application full-stack signifiait autrefois jongler avec des services comme Vercel, Supabase, Auth0, et Heroku, avec des niveaux gratuits qui expiraient ou demandaient une carte de crédit.
Google vient de changer la donne.
Au 19 mars 2026, Google AI Studio propose une expérience de codage IA "vibe coding" qui combine génération de code, backends Firebase gratuits et hébergement gratuit, sans carte de crédit.
Ce que vous allez construire : Une application multijoueur en temps réel avec authentification, base de données et hébergement en direct.
Coût total : 0 $
Temps requis : 1-2 heures
Carte de crédit : Non nécessaire
La pile gratuite 2026 : Ce que vous obtenez réellement
Avant d'aller plus loin, vérifiez ce qui est effectivement gratuit.
Détail du niveau gratuit
| Service | Limites du niveau gratuit | Ce que vous obtenez |
|---|---|---|
| Google AI Studio | 60 requêtes/min, 1M tokens/jour | "Vibe coding", accès à l'agent Antigravity |
| Firebase Auth | 10K utilisateurs actifs/mois | Connexion e-mail, Google, GitHub |
| Cloud Firestore | 1 Go stockage, 50K lectures/jour | Base de données temps réel |
| Firebase Hosting | 10 Go stockage, 360 Mo/jour | CDN global pour le frontend |
| Cloud Functions | 2M invocations/mois | Logique backend sans serveur |
| Agent Antigravity | Inclus avec AI Studio gratuit | Constructions persistantes, modifications multi-étapes |
Ce que cela signifie en pratique
Votre app gratuite peut gérer :
- 10 000+ utilisateurs actifs mensuels
- 1 Go de données utilisateur
- Millions de lectures Firestore
- Trafic frontend illimité (à l'échelle du niveau gratuit)
- 2 millions d'appels backend/mois
C'est une vraie infrastructure prête pour la prod, pas un essai limité.
Quand vous devrez payer
Vous passerez sur une offre payante uniquement si :
- Plus de 10 000 utilisateurs actifs/mois
- Plus de 1 Go de base de données
- Besoin de fonctionnalités Firebase avancées (émulateurs, domaines personnalisés)
- Dépassement des quotas quotidiens AI Studio
Pour un projet annexe ou MVP, le niveau gratuit suffit pour des mois, voire des années.
Étape 1 : Créez votre compte Google AI Studio gratuit
Aucune carte de crédit, aucun essai. Inscrivez-vous et commencez.
Flux d'inscription
- Rendez-vous sur aistudio.google.com
- Cliquez sur "Se connecter avec Google"
- Utilisez n'importe quel compte Gmail (ou créez-en un)
- Acceptez les conditions d'utilisation
- Accédez au dashboard projets
Temps : 2 minutes
Coût : 0 $
Étape 2 : Démarrez votre première session de codage "vibe coding"
L'invite détermine la qualité du résultat. Structurez-la correctement.
Modèle d'invite pour les applications gratuites
Construire une [type d'application] qui [fonctionnalité principale].
Exigences :
- Doit fonctionner sur le niveau gratuit de Firebase (plan Spark)
- Pas d'API ou de services payants
- Utiliser l'authentification gratuite (e-mail/mot de passe ou connexion Google)
- Garder la base de données en dessous de 1 Go
Fonctionnalités :
- Fonctionnalité 1
- Fonctionnalité 2
- Fonctionnalité 3
UI :
- Utiliser des composants shadcn/ui
- Adaptatif pour mobile
- Mode sombre
Exemple : Application de quiz multijoueur
Construire un jeu de quiz multijoueur en temps réel qui fonctionne entièrement sur le niveau gratuit de Firebase.
Exigences :
- Doit fonctionner sur le plan Spark de Firebase (pas de services payants)
- Authentification gratuite uniquement (connexion Google)
- Garder le schéma de la base de données en dessous de 1 Go
- Utiliser le niveau gratuit de Cloud Functions (2M invocations/mois)
Fonctionnalités :
- 2 à 4 joueurs par salle de jeu
- Synchronisation des questions en temps réel
- Suivi des scores et classement
- Compte à rebours de 30 secondes par question
- Plus de 100 questions de quiz incluses
UI :
- Composants shadcn/ui
- Adaptatif pour mobile
- Mode sombre avec des accents violets
- Framer Motion pour les transitions
Ce que l'agent génère
L'agent Antigravity va générer :
- Frontend — React + TypeScript + shadcn/ui
- Backend — Fonctions Firebase Cloud
- Base de données — Collections Firestore et règles de sécurité
- Auth — Intégration connexion Google
- Hébergement — Configuration Firebase Hosting
Tout est configuré pour rester dans les limites gratuites.
Étape 3 : Déployer sur l'hébergement gratuit
Le déploiement se fait automatiquement depuis l'interface de "vibe coding".
Domaine gratuit vs personnalisé
-
Gratuit :
votre-app.web.app(sous-domaine Firebase) -
Payant :
votre-app.com(environ 12-15 $/an pour le domaine)
Pour l'apprentissage et les tests, le sous-domaine gratuit suffit.
Étape 4 : Ajouter des intégrations externes gratuites
Votre application peut intégrer des données externes gratuitement.
Intégrations API gratuites
| API | Niveau gratuit | Cas d'utilisation |
|---|---|---|
| Open Trivia Database | Illimité | Questions de quiz |
| The Cat API | Illimité | Images de chats aléatoires |
| JSONPlaceholder | Illimité | Données fictives pour les tests |
| PokeAPI | Illimité | Données Pokémon |
| OpenWeatherMap | 1K appels/jour | Données météo |
Exemple : Ajouter une API de quiz gratuite
Invite :
Ajouter l'intégration avec l'API Open Trivia Database (opentdb.com) pour récupérer des questions de quiz gratuites et illimitées. Mettre en cache les questions dans Firestore pour réduire les appels API.
Code généré :
// src/services/triviaApi.ts
const API_BASE = 'https://opentdb.com/api.php';
export async function fetchTriviaQuestions(
amount: number = 10,
category?: string
) {
const params = new URLSearchParams({
amount: amount.toString(),
type: 'multiple',
});
if (category) {
params.append('category', category);
}
const response = await fetch(`${API_BASE}?${params}`);
const data = await response.json();
return data.results.map((q: any) => ({
question: q.question,
options: [...q.incorrect_answers, q.correct_answer].sort(),
correctAnswer: q.correct_answer,
category: q.category,
}));
}
Options d'authentification gratuites
| Fournisseur | Niveau gratuit | Complexité de la config |
|---|---|---|
| Firebase Auth (E-mail) | Illimité | Facile |
| Firebase Auth (Google) | Illimité | Facile |
| Firebase Auth (GitHub) | Illimité | Facile |
| Firebase Auth (Anonyme) | Illimité | Le plus facile |
Évitez Auth0 et autres fournisseurs payants (niveaux gratuits limités ou expirés).
Conseil de pro : Consultez notre guide complet sur le mocking d'API.
Étape 6 : Surveillez votre utilisation du niveau gratuit
Restez dans les quotas avec une surveillance simple.
Vérifiez l'utilisation de Firebase
- Accédez à console.firebase.google.com
- Sélectionnez votre projet
- Cliquez sur "Utilisation" dans la barre latérale
- Consultez les limites du plan Spark
Mesures clés à surveiller
| Métrique | Limite gratuite | Seuil d'alerte |
|---|---|---|
| Stockage Firestore | 1 Go | 800 Mo |
| Lectures Firestore/jour | 50K | 40K |
| Écritures Firestore/jour | 20K | 16K |
| Invocations de fonctions/mois | 2M | 1,6M |
| Transfert hébergement/jour | 360 Mo | 300 Mo |
| Utilisateurs Auth | 10K/mois | 8K |
Optimisez avant d'atteindre les limites
Si les lectures sont élevées :
- Mettez en place un cache côté client
- Regroupez les lectures
- Utilisez des requêtes efficaces Firestore
Si les fonctions sont élevées :
- Consolidez la logique
- Utilisez des fonctions planifiées
- Mettez en cache les résultats
Si le transfert d'hébergement est élevé :
- Compressez les images
- Activez la mise en cache CDN
- Utilisez le lazy-load pour les composants
Applications réelles construites sur des niveaux gratuits
Exemples d'applications fonctionnant 100% sur l'infrastructure gratuite :
1. Jeu de quiz multijoueur (ce guide)
- Utilisateurs : Jusqu'à 10K/mois
- Base de données : Questions + joueurs (~200 Mo)
- Fonctions : Logique de jeu, scores
- Coût : 0 $
2. Application de suivi d'habitudes
- Utilisateurs : Jusqu'à 10K/mois
- Base de données : Habitudes, séries (~500 Mo)
- Fonctions : Rappels, calculs
- Coût : 0 $
3. Application de chat en temps réel
- Utilisateurs : Jusqu'à 5K simultanés
- Base de données : Messages, profils (~800 Mo)
- Fonctions : Routage, notifications
- Coût : 0 $
4. Tableau blanc collaboratif
- Utilisateurs : Jusqu'à 3K actifs/mois
- Base de données : États, dessins (~600 Mo)
- Fonctions : Sync temps réel, exportation
- Coût : 0 $
Pièges courants du niveau gratuit (et comment les éviter)
Piège 1 : Passer accidentellement à Firebase payant
Problème : Ajout de facturation requis pour certaines options.
Solution :
- Restez sur le plan Spark
- Utilisez uniquement le sous-domaine
.web.app - Évitez Cloud Run (facturation obligatoire)
- Utilisez les émulateurs seulement en local
Si une invite de facturation apparaît, sélectionnez "Plus tard".
Piège 2 : Limites d'AI Studio
Problème : 60 requêtes/min, 1M tokens/jour.
Solution :
- Travaillez par sessions ciblées
- Utilisez des invites de suivi
- Exportez le code dès que prêt
Piège 3 : Coûts des requêtes Firestore
Problème : Mauvaises requêtes = lectures épuisées.
Solution :
// MAUVAIS : lit toute la collection
const snapshot = await getDocs(collection(db, 'messages'));
// BON : requête avec limites
const snapshot = await getDocs(
query(collection(db, 'messages'), limit(20))
);
Piège 4 : Démarrages à froid des fonctions
Problème : Les Cloud Functions gratuites ont un délai de démarrage (~1-2s).
Solution :
- Gardez les fonctions petites
- Timeout minimum (60s)
- Déplacez la logique côté client si possible
Où s'intègre le niveau gratuit d'Apidog
Google AI Studio génère l'app — Apidog assure sa cohérence.
Ce que vous obtenez gratuitement avec Apidog :
- Conception d'API via éditeur visuel
- Génération de serveurs mocks
- Tests automatisés
- Collaboration (jusqu'à 3 membres)
Flux de travail :
- Concevez votre API dans Apidog
- Générez le code avec Google AI Studio
- Testez avec les mocks Apidog
- Déployez sur Firebase
Consultez Comment tester les API REST pour le workflow complet.
Quand mettre à niveau (et quand ne pas le faire)
Restez gratuit lorsque :
- Projets annexes
- MVP
- Apprentissage full-stack
- Projets de portfolio
- Test d'idées
Mettez à niveau lorsque :
- Revenus justifient les coûts
- Utilisateurs > limites gratuites
- Besoin d'un domaine personnalisé
- Surveillance avancée
- Collaboration d'équipe étendue
Chemin de mise à niveau intelligent
- Commencez gratuit — Lancez sur les niveaux gratuits
- Validez — Obtenez des retours réels
- Monétisez — Ajoutez un flux de revenus
- Mettez à niveau — Payez l'infra avec les revenus
Ne payez jamais l'infrastructure avant d'avoir des utilisateurs payants.
Conclusion
Construire une app full-stack gratuitement en 2026 est non seulement possible, mais aussi efficace. L'expérience "vibe coding" de Google AI Studio, combinée au niveau gratuit de Firebase, permet de passer de l'idée à la production sans carte de crédit.
Ce que vous obtenez pour 0 $ :
- Génération de code IA avec Antigravity
- Authentification pour 10K utilisateurs/mois
- 1 Go de stockage base de données
- Hébergement CDN mondial
- 2M d'invocations backend/mois
- Support multijoueur temps réel
Ce dont vous avez besoin :
- Un compte Google
- Une idée à tester
La barrière pour créer du logiciel n'a jamais été aussi basse. La vraie question : pouvez-vous vous permettre de ne pas tenter votre idée ?
Prochaines étapes :
- Inscrivez-vous sur aistudio.google.com — aucune carte de crédit requise
- Activez le plan Spark de Firebase — niveau gratuit automatique
- Lancez votre première session "vibe coding" avec le modèle ci-dessus
- Déployez et partagez votre app gratuite
- Utilisez le niveau gratuit d'Apidog pour tester et documenter vos API
FAQ
Google AI Studio est-il entièrement gratuit ?
Google AI Studio propose un niveau gratuit (60 requêtes/min, 1M tokens/jour), suffisant pour plusieurs applications full-stack. Les plans payants démarrent à 20 $/mois pour des quotas plus élevés.
Le niveau gratuit de Firebase dure-t-il vraiment éternellement ?
Oui, le plan Spark n'expire pas. Vous restez gratuit tant que vous respectez les limites. Beaucoup d'apps restent sur Spark des années.
Puis-je monétiser des applications construites sur des niveaux gratuits ?
Oui. 100 % de vos revenus vous appartiennent. Les niveaux gratuits servent à lancer, Google gagne quand vous mettez à niveau.
Que se passe-t-il si je dépasse les limites gratuites ?
Firebase ne facture pas automatiquement. Attendez le prochain cycle, ajoutez une facturation ou optimisez votre usage.
Ai-je besoin d'une carte de crédit pour commencer ?
Non. Google AI Studio et Firebase Spark fonctionnent sans carte. N'ajoutez une carte que si vous passez sur un plan payant.
Puis-je utiliser des domaines personnalisés sur le niveau gratuit ?
Le sous-domaine .web.app est inclus. Le domaine personnalisé requiert l'ajout d'une facturation (le domaine coûte 12-15 $/an).
Où est l'arnaque ?
Il n'y en a pas. Google fidélise les développeurs avec des niveaux gratuits, dans l'espoir que vous montiez en gamme avec le temps.
Combien de temps faut-il pour construire une vraie application ?
Avec "vibe coding" : 1-2h pour un MVP. En développement traditionnel : 2-4 semaines. L'IA s'occupe du boilerplate, vous des vraies features.
Puis-je exporter le code et l'auto-héberger ?
Oui. Exportez en ZIP ou sur GitHub, hébergez où vous voulez (Vercel, Netlify, serveur perso). Vous gardez la propriété du code.
Le code généré est-il prêt pour la production ?
Le code suit les bonnes pratiques, mais :
- Relisez et testez toujours le code généré
- Ajoutez la gestion d'erreurs adaptée
- Faites des audits de sécurité avant de traiter des données sensibles
Top comments (0)