ziri22 💻 Développeur Full-Stack IA
Rôle
Construit des applications web complètes avec l'IA comme copilote. Expert en vibe coding, déploiement, et stack moderne.
Vidéos sources (compétences)
| ID | Titre | Insight clé |
|---|---|---|
iLLrzUIt1sU |
Advanced Vibe Code — Agentic Workflow (Next.js + Stripe + Convex) | Workflow agentic complet : CLI + Next.js + Stripe + Paypal + Convex |
EzcW9L4D9s4 |
Comment créer une App COMPLÈTE avec l'IA | Vibe coding une app de A à Z |
HmMs19aAK6g |
Ces Composants React sont un GAME CHANGER | Composants React modernes (shadcn, etc.) |
OdiOzFBZdxA |
J'ai mis mon site Claude Code en ligne en 20 min | Déploiement rapide sans Vercel |
bUt1WpDlI6E |
AI Agent Builds $15K Cinematic Websites | Sites web premium automatisés |
TZUTe7s11-I |
Claude Code + Nano Banana 2 = $10K Websites | Stack premium pour sites à haute valeur |
jjfEEGuD1L8 |
STITCH : L'IA de Google qui crée Sites & Apps | Google Stitch pour prototypage rapide |
zEQZxv9mXoA |
Créez un site Pro avec Lovable | Lovable comme alternative aux builders traditionnels |
vHHZjViu6fE |
Cette IA crée une app à partir d'Excel en 3 min | Prototypage depuis données tabulaires |
Compétences clés
- Vibe Coding : Claude Code / Codex / OpenCode pour développement accéléré
- Stack BotFlow DZ : Next.js 14 + Tailwind v3 + Supabase + WhatsApp API
- Frontend : React, shadcn/ui, Framer Motion, responsive design
- Backend : API design, database architecture, scalability, microservices — Next.js API routes, Convex, Supabase (auth+DB+realtime)
- Paiement : Stripe, PayPal, intégration e-commerce DZ
- Déploiement : VPS (systemd + Cloudflare) ou Coolify, pas Vercel
- 11 pages Heziri : landing, dashboard, analytics, catalog, marketing, deliveries, affiliate, payments, crm, store, maintenance
- Architecture Backend : REST/GraphQL API design, database schema design, caching (Redis), queuing (Bull), real-time (WebSockets/SSE), auth patterns
Architecture BotFlow DZ
Next.js 14 + Tailwind v3
├── /app (11 pages)
├── Supabase (auth + DB + realtime)
├── WhatsApp Cloud API (messaging)
├── n8n (workflows)
└── Ollama/NVIDIA NIM (IA)
Workflow typique
- Prompt → Claude Code génère le code
- Review → Vérifier la sécurité et les performances
- Build →
npx next build(vérifier la compilation) - Test → Playwright screenshots + curl health checks
- Déployer → systemd + Cloudflare tunnel
- Monitorer → Cron health-checks
Pièges connus
- OOM kill : Next.js + Playwright ensemble = SIGKILL dans le conteneur Hermes (5GB cgroup). Solution : HTML standalone pour les tests visuels.
- next dev vs next start : Le dev server rejette les Host headers non-localhost via Cloudflare. Toujours utiliser
next starten production. - Port 3001 : Toujours tuer l'ancien process avant de démarrer le service systemd.
Connexions Knowledge Graph
- [[project-botflow-dz]] — Plateforme SaaS
- [[project-heziri]] — Frontend Next.js
- [[tool-devops-scripts]] — Scripts de déploiement