Portal InstitusiAmira Tour Mandiri

Amira Tour Portal Jamaah & Keberangkatan

Sistem informasi manajemen manifest jamaah, manifest visa, pemilihan paket hotel di Mekkah/Madinah, dan tracking dokumen paspor.

Impact Metric

3.200 / thnJamaah Terkelola

Impact Metric

100% ValidZero Kesalahan Visa

Impact Metric

-70%Waktu Input Data Agen

https://app.amira-tour-umrah-system.id

Live Production

Business Challenges & Bottlenecks

Pengelolaan data dokumen jamaah masih melalui spreadsheet terpisah yang rentan terselip saat deadline visa kedutaan.

Critical Requirement: Demands an architecture zero-tolerant to bottlenecks or data loss.

Mutekar Software Engineering Solution

Portal terpusat dengan role admin, agen cabang, dan jamaah dilengkapi reminder otomatis WhatsApp MPWA.

Engineered Outcome: 100% resilient architecture ready for horizontal scaling.

Interactive Architecture SystemClean 4-Tier Layered Architecture

Architecture Deep-Dive: Amira Tour Portal Jamaah & Keberangkatan

This software architecture follows strict Separation of Concerns, ensuring enterprise resilience, zero-trust security, and instantaneous load times.

Click layer to explore

Edge SSR / SSG

1. Presentation & Edge Layer

Next.js 15 App Router + Cloudflare Global CDN

FCP < 0.8s | LCP < 1.2s

Zero-Trust Shield

2. Security & API Gateway Layer

NestJS Security Guard & Anti-Bot Shield

100% Bot Defended | Rate Limit 100 req/m

Decoupled Core

3. Application & Domain Services Layer

NestJS Modular Monolith & Async Event Dispatcher

Async Event Queue < 2s Dispatch

Zero Egress & ACID

4. Data Persistence & Cloud Storage Layer

MySQL 8.4 + Prisma ORM + Cloudflare R2

Database Ping < 15ms | $0 Egress Cost

1. Presentation & Edge Layer — Next.js 15 App Router + Cloudflare Global CDN

FCP < 0.8s | LCP < 1.2s

Public pages are rendered server-side (Server Components) for absolute SEO preservation, while user interactivity is isolated into lightweight Client Islands.

Key Engineering Components:

React 19 Server Components (RSC)

Tactile Claymorphism Design System

Dynamic Metadata & Schema.org JSON-LD

Cloudflare Global Edge Cache & HTTP/3

Data Execution Flow: Receives user HTTP requests, checks edge cache, and renders static/dynamic HTML in milliseconds.

Technology Components & Architecture Roles

Selected technology layers engineered to satisfy high-throughput and reliability SLAs.

Next.js 15Frontend

Portal Jamaah & Manifest

NestJSBackend

Manifest Engine

Cloudflare R2Storage

Passport & Visa Vault

MPWA GatewayAlerts

Status Notifier

Back to All Portfolio Showcases

Consult Similar Requirements