React2Static
Convertir les projets Google AI Studio en applications web déployables
💻 React → HTML/CSS/JS
Cliquez ou glissez pour télécharger un fichier ZIP
Prend en charge les projets générés par Google AI Studio
Entièrement gratuit
Pas de serveur nécessaire, tous les builds dans le navigateur
Confidentialité sécurisée
Le code n'est jamais téléchargé sur le serveur, traitement entièrement local
Déploiement rapide
Génération en un clic de fichiers statiques déployables
Déployez votre projet de codage IA gratuitement et rapidement
Pour être honnête, je n'ai pas de formation en programmation, j'ai donc passé beaucoup de temps à chercher des méthodes de déploiement au début. Je voulais vraiment un moyen approprié de partager mes sites web conçus. C'est la méthode la plus rapide que j'ai trouvée jusqu'à présent. Si vous connaissez une meilleure méthode, n'hésitez pas à me contacter sur Discord – si ça marche bien, je mettrai à jour ce guide !
Téléchargez le fichier ZIP buildé ci-dessus et extrayez-le dans un dossier normal
Visitez dash.cloudflare.com et connectez-vous (inscrivez-vous gratuitement si vous n'avez pas de compte)
Trouvez Workers & Pages dans la barre latérale gauche et cliquez dessus
Cliquez sur Create application
Cherchez le petit texte en bas : "Looking to deploy Pages? Get started" et cliquez sur Get started
Choisissez l'option Drag and drop your files
Entrez votre Project name préféré
Glissez le dossier extrait directement dans la zone de téléchargement
Attendez que le déploiement soit terminé. Lorsque vous voyez la page de succès, cliquez sur le lien se terminant par .pages.dev pour accéder à votre site web
🎉 Félicitations ! Partagez ce lien avec vos amis – ils seront impressionnés !
À propos du domaine gratuit
Cloudflare vous donne automatiquement un domaine gratuit .pages.dev, vous n'avez donc pas besoin d'en acheter un. Il est livré avec HTTPS et accélération mondiale, ce qui est parfait si vous voulez juste partager avec des amis ou l'utiliser vous-même. À moins que vous n'ayez des besoins spéciaux (comme vouloir un domaine plus professionnel), ce domaine gratuit fonctionne très bien.
Configurer un domaine personnalisé (Complètement optionnel)
Achetez un domaine chez Cloudflare Registrar (recommandé) ou utilisez un domaine existant
Dans les paramètres du projet Pages, cliquez sur Custom domains → Set up a custom domain
Entrez votre domaine et suivez les instructions pour terminer la configuration DNS, attendez qu'elle prenne effet
Déployer sur Cloudflare Pages • Vercel • Netlify
Made with ❤️ for Google AI Studio users