La plateforme de développement web alimentée par l'IA la plus avancée
Une plateforme complète de génération de code web utilisant l'intelligence artificielle, avec collaboration temps réel, monitoring avancé, et une architecture enterprise-ready.
- OpenAI GPT-4o - Génération de code avancée avec streaming
- Anthropic Claude 3.5 Sonnet - Analyse et amélioration de code
- LangChain - Orchestration de prompts et chaînes de traitement
- LlamaIndex - Indexation et recherche de données pour RAG
- Support multi-modèles - Flexibilité maximale
- Clerk - Authentification complète avec gestion des sessions
- JWT - Tokens sécurisés avec refresh automatique
- Middleware - Protection granulaire des routes
- Rôles & Permissions - Système de permissions avancé
- 2FA - Authentification à deux facteurs
- Plans Flexibles - Free, Pro, Enterprise
- Webhooks - Synchronisation temps réel des abonnements
- Portail Client - Gestion self-service des factures
- Métriques - Analytics de revenus détaillées
- Paiements Internationaux - Support multi-devises
- Supabase - PostgreSQL + Auth + Storage + Realtime
- Prisma - ORM type-safe avec migrations
- MongoDB - Documents flexibles pour les métadonnées
- Redis - Cache haute performance et sessions
- Vector Database - Recherche sémantique avec Pinecone
- Sentry - Monitoring d'erreurs et performance
- Métriques Custom - Tracking d'usage et business metrics
- Logs Structurés - Traçabilité complète des actions
- Alertes Intelligentes - Notifications automatiques
- Dashboard Analytics - Vue d'ensemble en temps réel
- Yjs - Synchronisation de documents en temps réel
- Socket.io - Communication WebSocket bidirectionnelle
- Curseurs Partagés - Collaboration visuelle
- Versioning - Historique complet des changements
- Permissions - Contrôle d'accès granulaire
- Templates Prédéfinis - Bibliothèque complète de templates
- Génération Personnalisée - Création sur mesure avec IA
- Multi-Frameworks - React, Vue, Next.js, Svelte
- Optimisation Automatique - Performance et SEO
- Preview Live - Aperçu en temps réel
- Jest - Tests unitaires avec coverage
- Playwright - Tests end-to-end automatisés
- ESLint - Qualité et cohérence du code
- Prettier - Formatage automatique
- Husky - Git hooks pour la qualité
Next.js 15 (App Router) + TypeScript
├── UI Components (Radix UI + Tailwind)
├── State Management (Zustand + React Query)
├── Code Editor (Monaco Editor + TipTap)
├── Animations (Framer Motion)
└── Real-time (Socket.io + Yjs)
Next.js API Routes + Server Actions
├── GraphQL (Apollo Server)
├── REST API (Type-safe)
├── WebSockets (Real-time collaboration)
├── Database (Prisma + PostgreSQL)
└── Cache (Redis)
Multi-Provider AI Stack
├── OpenAI (GPT-4o, Embeddings)
├── Anthropic (Claude 3.5)
├── LangChain (Orchestration)
├── Vector Search (Pinecone + RAG)
└── Custom Models (Fine-tuning)
Render.com Deployment
├── PostgreSQL (Database)
├── Redis (Cache & Sessions)
├── Pinecone (Vector Database)
├── Sentry (Monitoring)
└── Stripe (Payments)
- Node.js 18+ (recommandé: 20 LTS)
- npm ou yarn
- PostgreSQL 14+
- Redis 6+ (optionnel)
- Git
# 1. Cloner le repository
git clone https://github.com/votre-username/rork-ai-builder.git
cd rork-ai-builder
# 2. Installer les dépendances
npm install --legacy-peer-deps
# 3. Configuration des variables d'environnement
cp env.example .env.local
# 4. Configurer la base de données
npm run db:generate
npm run db:push
# 5. Démarrer le serveur de développement
npm run dev# ===========================================
# CONFIGURATION PRINCIPALE
# ===========================================
NODE_ENV=development
NEXT_PUBLIC_APP_URL=http://localhost:3000
# ===========================================
# IA PROVIDERS
# ===========================================
OPENAI_API_KEY=sk-your_openai_api_key_here
ANTHROPIC_API_KEY=sk-ant-your_anthropic_api_key_here
# ===========================================
# AUTHENTIFICATION (CLERK)
# ===========================================
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_your_clerk_publishable_key
CLERK_SECRET_KEY=sk_test_your_clerk_secret_key
# ===========================================
# BASE DE DONNÉES
# ===========================================
DATABASE_URL="postgresql://user:password@localhost:5432/rork_ai_builder"
NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key
# ===========================================
# PAIEMENTS (STRIPE)
# ===========================================
STRIPE_PUBLISHABLE_KEY=pk_test_your_stripe_publishable_key
STRIPE_SECRET_KEY=sk_test_your_stripe_secret_key
STRIPE_PRO_PRICE_ID=price_your_pro_price_id
STRIPE_ENTERPRISE_PRICE_ID=price_your_enterprise_price_id
STRIPE_WEBHOOK_SECRET=whsec_your_webhook_secret
# ===========================================
# VECTOR SEARCH (PINECONE)
# ===========================================
PINECONE_API_KEY=your_pinecone_api_key
PINECONE_INDEX_NAME=rork-ai-builder
PINECONE_ENVIRONMENT=us-west1-gcp
# ===========================================
# MONITORING (SENTRY)
# ===========================================
NEXT_PUBLIC_SENTRY_DSN=https://your_sentry_dsn@sentry.io/project_id
# ===========================================
# REDIS (CACHE & SESSIONS)
# ===========================================
REDIS_URL=redis://localhost:6379
# ===========================================
# OPTIONNEL
# ===========================================
# MongoDB (pour les métadonnées flexibles)
MONGODB_URI=mongodb://localhost:27017/rork-ai-builder
# WebSocket Server
NEXT_PUBLIC_SOCKET_URL=ws://localhost:3001import { generateAdvancedCode } from '@/lib/ai/advanced-ai'
const result = await generateAdvancedCode(
'Créer un dashboard e-commerce avec analytics en temps réel',
{
provider: 'openai',
framework: 'react',
style: 'tailwind',
complexity: 'advanced',
features: ['responsive', 'accessibility', 'seo', 'performance'],
responsive: true,
accessibility: true,
seo: true,
performance: true,
useRAG: true
}
)
console.log(result.code)
console.log(result.suggestions)
console.log(result.metadata)import { useRealtimeCollaboration } from '@/lib/collaboration/realtime-collaboration'
const { users, connected, synced, collaboration } = useRealtimeCollaboration(
projectId,
userId,
userName,
userEmail,
userAvatar
)
// Les utilisateurs sont automatiquement synchronisés
// Les curseurs et sélections sont partagés en temps réelimport { templateEngine } from '@/lib/templates/template-engine'
const template = await templateEngine.generateCustomTemplate(
{
id: 'custom-saas',
name: 'SaaS Platform',
category: 'saas',
industry: 'software',
features: ['auth', 'dashboard', 'billing'],
frameworks: ['nextjs'],
styles: ['tailwind'],
complexity: 'advanced'
},
{
colors: {
primary: '#3B82F6',
secondary: '#8B5CF6',
accent: '#10B981'
},
fonts: {
heading: 'Inter',
body: 'Inter'
},
layout: 'modern',
animations: true,
darkMode: true
}
)import { pineconeService } from '@/lib/vector-search/pinecone-service'
// Rechercher des projets similaires
const similarProjects = await pineconeService.searchSimilarProjects(
'Dashboard e-commerce avec analytics',
userId,
5
)
// Rechercher des templates
const templates = await pineconeService.searchSimilarTemplates(
'Application SaaS avec authentification',
'saas',
3
)- Performance - Temps de réponse, Core Web Vitals
- Usage - Générations, projets créés, utilisateurs actifs
- Business - Revenus, conversions, rétention
- Erreurs - Tracking automatique avec Sentry
// Accès au panel d'administration
// URL: /admin (requiert rôle admin)
// Métriques disponibles:
- Utilisateurs totaux et actifs
- Projets créés et générations
- Revenus et conversions
- Santé du système
- Alertes et erreurs# Tests unitaires avec Jest
npm run test
# Tests end-to-end avec Playwright
npm run test:e2e
# Coverage des tests
npm run test:coverage
# Tests en mode watch
npm run test:watch# Linting avec ESLint
npm run lint
npm run lint:fix
# Formatage avec Prettier
npm run format
npm run format:check
# Vérification TypeScript
npm run type-check- Pre-commit - Tests et linting automatiques
- Pre-push - Vérifications supplémentaires
- Commit-msg - Validation des messages de commit
# Script de déploiement automatisé
chmod +x scripts/deploy-render.sh
./scripts/deploy-render.sh
# Le script configure automatiquement:
# - Variables d'environnement
# - Base de données PostgreSQL
# - Redis pour le cache
# - Health checks
# - Monitoring# Build de l'image
docker build -t rork-ai-builder .
# Run du container
docker run -p 3000:3000 \
-e DATABASE_URL="postgresql://..." \
-e OPENAI_API_KEY="sk-..." \
rork-ai-builder
# Docker Compose pour développement
docker-compose up -d# Installation Vercel CLI
npm i -g vercel
# Déploiement
vercel
# Configuration des variables d'environnement
vercel env add DATABASE_URL
vercel env add OPENAI_API_KEY
# ... autres variables- Génération de code basique avec IA
- Authentification et autorisation
- Base de données et persistance
- Interface utilisateur moderne
- Templates prédéfinis
- Collaboration temps réel avec Yjs
- WebSockets et synchronisation
- Curseurs partagés et permissions
- Versioning et historique
- Chat intégré
- Multi-provider IA (OpenAI, Anthropic)
- Vector search avec Pinecone
- RAG (Retrieval Augmented Generation)
- Fine-tuning de modèles
- IA personnalisée
- Paiements et abonnements Stripe
- Monitoring et analytics Sentry
- Panel d'administration
- API publique et webhooks
- Intégrations tierces
- Mobile app (React Native)
- Marketplace de templates
- Plugins et extensions
- Multi-tenant architecture
- Global CDN
- Fork le repository
- Clone votre fork localement
- Créez une branche feature (
git checkout -b feature/AmazingFeature) - Commitez vos changements (
git commit -m 'Add AmazingFeature') - Push vers votre branche (
git push origin feature/AmazingFeature) - Ouvrez une Pull Request
- TypeScript strict
- ESLint + Prettier configurés
- Tests requis pour nouvelles fonctionnalités
- Documentation mise à jour
- Conventional Commits pour les messages
- 🐛 Bug fixes - Correction de problèmes
- ✨ Features - Nouvelles fonctionnalités
- 📚 Documentation - Amélioration de la doc
- 🧪 Tests - Ajout de tests
- 🎨 UI/UX - Améliorations d'interface
- ⚡ Performance - Optimisations
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
MIT License
Copyright (c) 2024 Rork AI Builder
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
- 📧 Email: support@rork-ai-builder.com
- 💬 Discord: Rejoindre la communauté
- 📖 Documentation: docs.rork-ai-builder.com
- 🐛 Issues: GitHub Issues
- 🎥 Tutoriels: YouTube Channel
- 📝 Blog: Blog Technique
- 📚 Guides: Documentation Complète
- 🎓 Formation: Cours Interactifs
- 🌟 GitHub Stars: Montrez votre support
- 🍴 Forks: Contribuez au projet
- 💡 Feature Requests: Proposez des idées
- 🐛 Bug Reports: Signalez les problèmes
- OpenAI - Pour GPT-4o et l'innovation IA
- Anthropic - Pour Claude et l'approche responsable
- Vercel - Pour Next.js et l'infrastructure
- Supabase - Pour la base de données et l'auth
- Render - Pour l'hébergement cloud
- Stripe - Pour les paiements sécurisés
- Sentry - Pour le monitoring d'erreurs
- Tous les contributeurs du projet
- La communauté Next.js et React
- Les développeurs de Radix UI
- Les créateurs de Tailwind CSS
- Tous les mainteneurs de packages utilisés
Rork AI Builder combine la puissance de l'intelligence artificielle avec les meilleures pratiques du développement web moderne. Créez des applications professionnelles en quelques minutes, collaborez en temps réel, et déployez avec confiance.
git clone https://github.com/votre-username/rork-ai-builder.git
cd rork-ai-builder
npm install --legacy-peer-deps
npm run dev🎯 L'avenir du développement web commence ici.