4Qonex

Overview

4Qonex (https://4qonex.com) is an independent Indonesian Cloud Platform as a Service (PaaS) and Web Application Hosting Engine designed specifically to empower developers, students, IT practitioners, freelancers, and SMBs to instantly deploy and manage web applications and databases on cloud servers.

The platform eliminates the complexity of conventional server configurations (such as manual VPS setup, Nginx/Apache web server configurations, virtual host management, and firewall rules) through its signature 1-Click Deploy feature. Users simply upload their source code as a .zip archive or connect their GitHub repository.

Automatically, the 4Qonex core build engine detects the programming language runtime (PHP/Laravel, Node.js, Python/Flask/Django, or Static Web), builds an isolated, secure non-root Docker container, provisions a dedicated MySQL 8.0 database, issues a free SSL/HTTPS certificate (Let’s Encrypt), and assigns an instant subdomain {project-name}.4qonex.com with support for custom domains.

Tech Stack

The 4Qonex architecture is built on a modern Monorepo structure with clear separation of concerns:

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 (Stores user data, project metadata, deployment history, vouchers, subscriptions, audit logs)
• User Application Database Engine: Multi-Instance MySQL 8.0 Cloud Container (Auto-provisioned, dedicated per-project credentials)
• Database Management GUI: Custom Web Database Studio & Containerized phpMyAdmin (Traefik SSL Routed)
• Caching & Queue Worker: Redis 7 Alpine
• Storage Volumes: Docker Dedicated Named Volumes with isolated storage quotas

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)