⚡ PHASE 1 / 2 — n8n-Centric MVP Architecture 🎯 Goal: Launch fast with minimal custom code. n8n acts as your brain and Supabase as your heart.
🖥️ Frontend Layer 🌐 Webflow • Visual website builder and CMS. • Why: designers can build and publish without devs. • Fast, secure hosting with SSL. • Forms trigger n8n workflows (lead automation). ⚙️ Wized • Adds login, CRUD and logic to Webflow. • Connects directly with Supabase. • Enables recruiter/client dashboards and embeds (Stripe, DocuSign, Cal.com). 🛡️ Cloudflare • Global network providing DNS, CDN, SSL and protection. • DNS: routes your domain faster. • CDN (Content Delivery Network): stores cached copies worldwide → faster load times. • SSL/TLS: encrypts all data. • Firewall: shields from attacks. 💡 Without CDN, global users would load from one slow origin server.
⚙️ Backend & Workflow 🤖 n8n (Visual Backend) • Orchestrates every process: payments, contracts, psychometrics, alerts. • Connects to APIs (Stripe, Supabase, OpenAI). • Acts as your “digital operations brain.” 🗄️ Supabase • PostgreSQL-based DB with Auth and Storage. • Provides automatic API and realtime sync. • Secure per-user data via RLS. 📋 Airtable • Recruiter hub / mini-ATS. • Familiar UX; synced with Supabase via n8n.
💳 Payments & Contracts 💰 Stripe: handles client billing and subscriptions securely. 📝 DocuSign: automates legal signatures for MSAs/SOWs. 🌍 OnTop: pays contractors worldwide with compliance and auto-invoices.
🤝 Communication 💬 Slack: internal alerts and status updates. 📧 Email (SMTP/SendGrid): automatic client messages. 📅 Cal.com: interview scheduling with timezone sync.
📊 Analytics & Logs 📈 Metabase: dashboards connected to Supabase (ARR, churn, etc.). 🔍 Cloudflare Logs / Logtail: monitors API errors and performance.
🧠 AI & Psychometrics 🧩 OpenAI (GPT-4o): generates summaries, evaluates tone and cognitive signals. • Runs in n8n, results stored in Supabase.
🔒 Security • Secrets stored in n8n credentials. • RLS in Supabase for per-client isolation. • Cloudflare provides global HTTPS and DDoS protection.
🚀 PHASE 3 — Migration Architecture (2026-2027) 🎯 Goal: Move logic into modular Node.js microservices and unify frontend.
🖥️ Frontend Modernization 🧱 Anima + Plasmic + Next.js (Vercel) • Shared React components synced to Figma. • Instant CI/CD and edge functions. • Webflow remains for public pages.
⚙️ Backend Microservices 💵 billing-service: handles Stripe sessions, buyout tiers, signatures. 📄 contracts-service: DocuSign automation and document storage. 🧠 ai-service: prompt and psychometric logic. 🎥 media-service: AI video generation and secure delivery. 🧩 Deployed as Cloudflare Workers or Vercel Functions. 🤖 n8n stays as orchestrator calling these services.
📈 Analytics & Monitoring 📊 Metabase: cross-venture dashboards. ⚙️ Sentry: error tracking. 🔑 Doppler: secrets management. 🌍 Cloudflare Analytics: uptime and speed reports.
💡 Why migrate: • Scalable, testable, auditable architecture. • Reusable services for all ventures (TalentQuote, DeskTify, Yobo). • Ideal setup for investors and future acquisition.