Overview / نظرة عامة Sprints / السبرينتات Stack / التقنية Content / المحتوى Dashboard / لوحة التحكم

Open-Source Stack

Every component is self-hostable, portable, and vendor-independent. You own everything.

System Architecture

🌐
Landing Page
Astro
→
📊
Plausible
Analytics
→
🗄️
CRM
Espo / Twenty
→
⚡
n8n
Automation
→
📈
Metabase
BI
→
🔍
PostHog
Events
# Ad Platforms → Landing
Google Ads → UTM → Astro
Meta/Snap/TikTok → Pixel → Astro
# Landing → CRM
Form Submit → Webhook → n8n
n8n → Enrich → EspoCRM
# CRM → Actions
Welcome Email (Postal/Mailcoach)
WhatsApp (WAHA API)
Nurture (n8n schedule)
# Data → Dashboards
Plausible: Traffic + UTM
PostHog: Funnels + Events
Metabase: SQL KPIs

Tools & Components

🚀

Astro

Static site generator. Zero JS by default. Fast, modern, content-focused.

MIT License
🎨

Tailwind CSS

Utility-first CSS framework. Compiled, not runtime. Tiny bundle.

MIT License
📊

Plausible

Privacy-first analytics. No cookies, no Google, no consent banners.

AGPL-3.0
🔍

PostHog

Product analytics, session replay, feature flags, A/B testing. Self-hosted.

MIT License
📈

Metabase

Business intelligence. SQL-native dashboards. Self-hosted. Free.

AGPL-3.0
⚡

n8n

Workflow automation. Visual node editor. Self-hosted. 400+ integrations.

Sustainable Use License
🗄️

EspoCRM

PHP + MySQL CRM. Self-hosted. Highly customizable. API-first.

GPL-3.0
✨

Twenty

Modern CRM alternative. Node.js + Postgres. Sleek UI. Open-source.

AGPL-3.0
✍️

Documenso

Open-source DocuSign alternative. E-signatures. Self-hosted.

AGPL-3.0
📅

Cal.com

Open-source Calendly alternative. Scheduling infrastructure. Self-hosted.

AGPL-3.0
🐙

GitHub

Repository, version control, GitHub Pages hosting, issue tracking.

Free for OSS
▲

Netlify

Static site hosting. CDN. Edge functions. Form handling. Free tier.

Free Tier

Data Flow: Click to Enrollment

1

Ad Click

Engineer clicks Google/Meta/Snap/TikTok ad with UTM parameters. Plausible logs the visit with source, medium, campaign, content, and region.

2

Landing Page View

Astro serves static HTML in <100ms. PostHog captures page_view event with UTM, referrer, and device. Scroll depth and time-on-page tracked.

3

CTA Click → Booking

User clicks "Book Consultation" or WhatsApp. Cal.com iframe opens for scheduling. PostHog logs cal_booking_start and cal_booking_complete events.

4

Lead Capture → CRM

Form submission triggers n8n webhook. Lead is enriched with engagement score, priority, and next action. Saved to EspoCRM/Twenty. Welcome email + WhatsApp sent automatically.

5

Nurture → Application

n8n nurture sequence fires on day 1 (value-add), 3 (social proof), 7 (urgency), 14 (consultation push), 21 (final nudge). Channel selected by language preference.

6

Enrollment → Dashboard

Status changes to "Enrolled" trigger KPI capture workflow. Data pushed to Metabase for revenue, CAC, LTV calculations. Alerts fire if thresholds breached.

Security & Compliance

🛡️ PDPL

Saudi Personal Data Protection Law compliance built into CRM schema (consent fields), MOU (data processing clauses), and n8n workflows (72-hour breach notification).

🏛️ SAMA

Saudi Central Bank cybersecurity requirements addressed through self-hosted infrastructure, encrypted data at rest, and technical/organizational safeguards per MOU Section 8.

🔐 Encryption

All self-hosted tools support TLS 1.3. Database connections encrypted. No third-party data sharing without explicit consent. Full audit trail in CRM Activity entity.

Portability Guarantee

The 5-Minute Migration Test

1. Clone repo to new machine
2. Build landing page (npm install && npm run build)
3. Import CRM schema (Settings → Import → espo-schema.json)
4. Import n8n workflow (Settings → Import → workflow-*.json)
5. Read any Markdown file — fully actionable without any software

Vendor Independence Matrix

Kimi / OpenClaw Zero dep — all in GitHub
GitHub Clone to GitLab/Gitea
Astro Static output needs nothing
EspoCRM / Twenty SQL export → any CRM
n8n JSON → new instance in min
Plausible / PostHog Self-hosted = data is yours