Velocity Ia

Posted on Oct 13

Comment j'ai créé une alternative open source à Lovable depuis l'Afrique

#showdev #opensource #ai #startup

Comment nous avons créé une alternative open source à Lovable depuis l'Afrique

📝 CONTENU

L'histoire d'un moteur d'IA qui génère des applications à partir de texte, développé en Afrique.

Le problème

Créer un site web ou une application mobile aujourd'hui coûte entre 3 000 et 15 000 $. Cela prend 2 à 6 mois. Et cela nécessite d'embaucher des développeurs qui maîtrisent React, Node.js, les bases de données, le DevOps, la sécurité...

99 % des humains ne savent pas créer de logiciels.

Mais 100 % des humains ont des idées.

La prochaine grande innovation technologique pourrait venir d'un entrepreneur en Afrique. Mais il ne peut pas la construire car il ne sait pas coder.

Nous avons
voulu changer ça.

Les solutions existantes (et leurs limites)

Des outils comme Lovable, Bolt et v0 ont commencé à démocratiser la création d'applications. Ils sont excellents — je les utilise moi-même.

Mais ils ont deux problèmes :

Ils sont chers. 20 à 50 $ par mois pour les formules de base.
Ils ne sont pas conçus pour l'Afrique. Le support est en anglais uniquement. Le paiement nécessite une carte bancaire américaine. Les serveurs sont aux États-Unis ou en Europe (lents depuis l'Afrique).

Je voulais construire quelque chose de différent :

Moins cher (voire gratuit)
En français et en anglais (l'Afrique compte plus de 400 millions de francophones)
Plus rapide pour les utilisateurs africains
Open source (parce que je crois en la transparence)

La solution : Velocity Engine

Velocity Engine est un moteur d'IA open source qui transforme n'importe quel texte en une application React complète et prête pour la production.

Décrivez une idée dans n'importe quelle langue → obtenez une application fonctionnelle avec :

React 18 + Vite 5 + Tailwind CSS
Design premium avec animations
Images uniques par élément
Validation JSX automatique
Web ET mobile (React Native)

Le tout en moins de 2 minutes.

Comment ça marche

Votre texte → Gemini 3.5 → Code généré → Validation → Fichiers prêts à déployer

Voici ce qui se passe sous le capot :

1. Envoi du prompt à Gemini

Le moteur utilise Google Gemini 3.5 Flash, le dernier modèle d'IA de Google.

const interaction = await ai.interactions.create({
  model: "gemini-3.5-flash-lite",
  input: systemPrompt + "\n\nDemande utilisateur :\n" + prompt,
});

2. Génération du code

Gemini renvoie un projet complet au format JSON :

{
  "projectName": "restaurant-africain",
  "type": "web",
  "files": [
    { "path": "package.json", "content": "..." },
    { "path": "src/App.jsx", "content": "..." }
  ]
}

3. Validation et correction automatique

C'est là que ça devient intéressant.

Les modèles d'IA font des erreurs. Ils génèrent du JSX cassé, oublient de fermer des balises, ou importent des bibliothèques interdites.

Mon moteur inclut 3 couches de validation :

Couche 1 — Validation des hooks React

// Corrige : useState → React.useState
const regex = new RegExp("(?<![A-Za-z._])" + hook + "\\s*\\(", "g");
content = content.replace(regex, "React." + hook + "(");

Couche 2 — Correspondance des balises JSX

// Détecte : <h1>Titre</a> → devrait être </h1>
if (lastOpen.tagName !== tag.tagName) {
  corrections.push({
    index: tag.index,
    newTag: "</" + lastOpen.tagName + ">"
  });
}

Couche 3 — Détection d'images dupliquées

// Vérifie : 1 élément = 1 image = 1 mot-clé unique
const duplicates = Object.entries(counts)
  .filter(([v, count]) => count > 1 && hooks[v]);

Si la validation échoue, le moteur régénère le code automatiquement (jusqu'à 3 tentatives).

La stack technique

Couche	Technologie
Modèle d'IA	Google Gemini 3.5 Flash
Frontend	React 18 + Vite 5
Style	Tailwind CSS 3
Mobile	React Native + Expo
Stockage	Upstash Blob + MySQL
Cache	Upstash Redis
Backend	Node.js + Express
Hébergement	Render + Vercel

Les résultats

Depuis le lancement du moteur open source :

50+ développeurs ont cloné le dépôt
10+ développeurs ont rejoint le Discord de la communauté
3+ pull requests de contributeurs externes
Trafic sur le site commercial augmenté de 40 %

Mais la métrique la plus importante : une étudiante africaine a créé son premier portfolio avec Velocity Engine. Elle n'avait jamais écrit une ligne de code de sa vie.

C'est pour ça que j'ai construit ça.

Ce que j'ai appris

1. L'open source construit la confiance

Quand les développeurs peuvent lire votre code, ils font confiance à votre produit. Les 55 000 étoiles de GPT Engineer (le prédécesseur de Lovable) ne sont pas un accident — c'est le résultat de la transparence.

2. Les LLM ont besoin de validation

On ne peut pas simplement envoyer un prompt à Gemini et utiliser la sortie. Il faut tout valider.

Mon système de validation à 3 couches attrape environ 90 % des erreurs avant qu'elles n'atteignent l'utilisateur.

3. L'Afrique a un potentiel énorme

Il y a 1,4 milliard d'Africains. Moins de 1 % savent coder.

Si on peut permettre à ne serait-ce que 5 % de créer des applications, cela fait 70 millions de nouveaux créateurs.

4. Livrer vite, itérer plus vite

J'ai construit la première version de Velocity Engine en 3 semaines. Les 100 premiers utilisateurs m'ont donné 40 rapports de bugs. Je les ai corrigés en 1 semaine.

La vitesse > la perfection.

Comment vous pouvez aider

Si vous êtes développeur, voici 3 façons de contribuer :

1. Mettez une étoile au dépôt

https://github.com/velocityiadev-design/velocity-engine

Chaque étoile nous aide à être découverts.

2. Testez le moteur

npm install velocity-engine

Puis générez votre première application :

const { VelocityEngine } = require("velocity-engine");
const engine = new VelocityEngine({ apiKey: "VOTRE_CLE" });

const result = await engine.generate({
  prompt: "Crée un site pour un restaurant africain",
  type: "web"
});

3. Contribuez au code

Nous avons des issues "good first" pour les débutants. Consultez la page des issues.

La suite

Q4 2026 : Ajout du support de Vue, Svelte et Solid
Q1 2027 : Ajout d'une version auto-hébergée
Q2 2027 : Partenariat avec 10 écoles de code africaines

Essayez vous-même

🖥️ Site officiel : https://velocity-frontend-iota.vercel.app/

⭐ GitHub : https://github.com/velocityiadev-design/velocity-engine

💬 Discord : https://discord.gg/eFS6QeUM53

Velocity Engine est la preuve que la prochaine grande innovation technologique peut venir de n'importe où.

Pas seulement de la Silicon Valley. Pas seulement de l'Europe.

D'Afrique, avec amour. 🌍

Si cet article vous a aidé, laissez un ❤️ et partagez-le avec un développeur. Chaque partage nous aide à toucher plus de créateurs.

DEV Community