4Qonex

Overview

4Qonex (https://4qonex.com) adalah platform Cloud Platform as a Service (PaaS) dan Web Application Hosting Engine mandiri asal Indonesia yang dirancang khusus untuk mempermudah developer, mahasiswa, praktisi IT, freelancer, dan pelaku UMKM dalam menayangkan serta mengelola aplikasi web dan database secara instan ke cloud server.

Platform ini mengeliminasi kompleksitas konfigurasi server konvensional (seperti setup VPS manual, konfigurasi web server Nginx/Apache, manajemen virtual host, maupun pengaturan firewall) melalui fitur unggulan 1-Click Deploy. Pengguna cukup mengunggah file source code berupa arsip .zip atau menghubungkan repositori GitHub.

Secara otomatis, core build engine 4Qonex akan mendeteksi runtime bahasa pemrograman (PHP/Laravel, Node.js, Python/Flask/Django, maupun Web Statis), membangun kontainer Docker terisolasi dengan pengguna non-root yang aman, menyediakan database MySQL 8.0 dedicated, menerbitkan sertifikat keamanan SSL/HTTPS gratis (Let’s Encrypt), serta menyematkan subdomain instan {nama-project}.4qonex.com maupun dukungan kustom domain pribadi.

Tech Stack

Arsitektur aplikasi 4Qonex dibangun di atas arsitektur Monorepo modern dengan pemisahan layer yang terstruktur:

A. Frontend / Client Layer (apps/web)

• Framework: Next.js 15 (App Router, React Server Components, Client Hydration)
• Library UI & Core: React 19, TypeScript
• Styling & Design System: TailwindCSS (Curated Clean Aesthetic, Custom HSL Tokens, Glassmorphism, Micro-animations)
• Animation Engine: Framer Motion
• Icons & Assets: Lucide React, Custom Optimized WebP Avatars & Vector Assets
• State & Data Fetching: React Context API, Custom SWR/REST Fetching Client, Local & Session Storage Persistence

B. Backend / API Layer (apps/api)

• Runtime Environment: Node.js 22 LTS
• Language: TypeScript
• Server Framework: Express.js (Modular Route Controllers, Middlewares, Rate Limiting)
• Virtualization & Container API: Docker Engine REST API via dockerode
• File Processing & Extraction: Adm-Zip, Archiver, Multer (Streaming upload & memory buffers)
• Authentication & Security: JWT (JSON Web Tokens), bcrypt-ts (Password Hashing), Helmet, CORS Security Policy
• Bot Protection: Cloudflare Turnstile Integration

C. Database & Storage Layer

• Platform Core Database: PostgreSQL 16 (Menyimpan data pengguna, project metadata, deployment history, vouchers, subscriptions, audit logs)
• User Application Database Engine: Multi-Instance MySQL 8.0 Cloud Container (Auto-provisioned, user & password dedicated per-project)
• Database Management GUI: Custom Web Database Studio & Containerized phpMyAdmin (Traefik SSL Routed)
• Caching & Queue Worker: Redis 7 Alpine
• Storage Volumes: Docker Dedicated Named Volumes dengan batasan kuota storage terisolasi

D. Networking & Reverse Proxy

• Edge Proxy: Traefik v3 (Cloud-Native Dynamic Reverse Proxy)
• SSL/TLS Certificates: Let’s Encrypt ACME Automatic HTTPS Provider
• Domain Routing: Wildcard Subdomain DNS Resolver (*.4qonex.com) & Dynamic SNI Host Rules for Custom Domains

E. Monorepo & Developer Tooling

• Monorepo Manager: Turborepo & pnpm Workspaces
• Shared Package (packages/shared): Universal TypeScript Interfaces, DTOs, API Contracts, Constants, Validation Schemas
• Code Quality & Linting: ESLint, Prettier, Husky, Commitlint (Conventional Commits), TypeScript strict mode (tsc --noEmit)
• Deployment & Container Orchestration: Docker Compose Multi-Stage Production Builds (docker-compose.prod.yml)