CrocoVibe gagne un serveur.

Avant, un projet généré par l'IA vivait entièrement dans le navigateur du visiteur. Le moteur de recherche, lui, n'y voyait qu'une coquille vide.

Les nouveaux projets naissent avec un serveur derrière eux. Ils affichent leurs pages avant même que le navigateur s'en mêle, et ils gardent vos clés d'accès hors de portée.

🧭 Qu'est-ce qui change ?

• 🏗️ Les nouveaux projets CrocoVibe sont construits sur TanStack Start, un socle React qui embarque son propre serveur.
• 🔍 Chaque page est fabriquée sur le serveur à chaque visite. Google et les aperçus de liens sur les réseaux reçoivent du vrai HTML.
• 🧠 Les fonctions serveur exécutent votre logique côté serveur. Le navigateur en appelle le résultat sans jamais voir le code.
• 🔌 Les routes REST publient une véritable API sous /api/... : du JSON en entrée, du JSON en sortie.
• 🔐 Le coffre à secrets garde vos clés d'API. Elles ne partent plus dans le code envoyé au visiteur.
• ♻️ Vos projets React existants continuent de fonctionner à l'identique. Rien à faire de votre côté.

⚙️ Comment ça fonctionne

La différence tient en une phrase. Avant, tout le travail se passait chez le visiteur. Maintenant, une bonne partie se passe chez vous.

Quatre briques arrivent d'un coup.

Le référencement, enfin

Coupez le JavaScript dans votre navigateur : la page est toujours là.

C'est exactement ce que voit un robot d'indexation. Les titres et le texte de la page lui arrivent déjà écrits.

Le partage sur les réseaux suit la même logique. Une carte d'aperçu affiche le bon titre et la bonne image, sans réglage supplémentaire.

Une application, plus seulement une vitrine

Un projet peut maintenant servir plusieurs pages avec leur propre adresse et aller chercher des données au moment de la visite.

D'autres outils peuvent appeler son API. Vos intégrations privées s'appuient sur le coffre à secrets, donc vos jetons ne traversent jamais le navigateur.

Si vous voulez relire ou corriger ce que l'IA a écrit, l'éditeur de code de CrocoVibe ouvre chaque fichier du projet.

🛠️ Comment l'utiliser

1. Ouvrez CrocoVibe depuis votre compte, puis créez un projet. Tout projet créé à partir de maintenant utilise le nouveau socle.
2. Décrivez ce que vous voulez construire. L'IA génère les pages, et écrit les fonctions serveur quand votre demande en réclame.
3. Pour une API publique, demandez une route REST. Elle vivra sous /api/.
4. Ouvrez Secrets et déposez-y vos clés d'API et vos jetons. L'aperçu et la production les reçoivent tous les deux.
5. Publiez. Le résultat est une application en ligne, pas un dossier de fichiers figés.

Pour prendre le module en main de bout en bout, le guide CrocoVibe : Créez sites, pages et applications 100% codé avec l'IA de CrocoClick reprend tout depuis le premier prompt.

Pourquoi c'est important ?

• ✅ Vos pages s'indexent sans réglage supplémentaire : le contenu est déjà dans le HTML servi.
• ✅ Vos partages sur les réseaux affichent le bon titre et la bonne image, sans bricolage.
• ✅ Votre logique métier reste sur le serveur. Personne ne la lit dans le code source de la page.
• ✅ Vos clés d'API ne fuitent plus dans le navigateur du visiteur.
• ✅ Un projet CrocoVibe peut porter un vrai produit, avec ses données et son API.

CrocoVibe ne fabrique plus seulement une vitrine. Il fabrique l'application qui va avec.

Créez un nouveau projet, publiez-le, puis regardez le code source de la page : tout y est.

📚 Pour aller plus loin

• Installer et Connecter un Domaine ou Sous-Domaine Web sur CrocoClick : pour brancher votre projet sur votre propre adresse.
• Le Référencement (SEO) sur CrocoCliCk : pour tirer parti du rendu serveur côté moteurs de recherche.