Mappis

Hafizh Rizki Nugraha

Where architectural precision meets

Digital Elegance.

Leveraging a strong foundation in Information Systems and IT Governance to build secure, scalable, and business-aligned technical solutions.

Technical Stack & Mastery

Tech Stack &
Competencies

A comprehensive, enterprise-ready fullstack toolkit spanning from high-speed frontend architectures to distributed real-time backend systems, strict QA automation, and cloud-native containerization.

Core Architectural Capabilities

Fullstack Architecture & Scalability

Architecting end-to-end enterprise web applications utilizing Next.js 16/React 19, high-throughput NestJS (Fastify), Redis, and PostgreSQL.

Real-time Event Systems

Engineering resilient interactive platforms powered by WebSockets for sub-second live match scoring and arena broadcasting.

Headless CMS & Content Strategy

Integrating Sanity CMS with dynamic GROQ queries to deliver seamless live preview workflows and structured content delivery.

Performance & Multi-Framework Versatility

Benchmarking and leveraging Astro (Zero-JS SSG) against Next.js for high-speed edge rendering and zero-latency performance.

Automated Testing & Production Readiness

Enforcing zero-regression releases with Playwright E2E suites, Jest unit coverage, and automated Docker/K8s container pipelines.

Frontend & UI

Crafting high-speed, dynamic interfaces with modern rendering paradigms and micro-interactions.

Next.js (App Router)React 19AstroTypeScriptTailwind CSS (v3 & v4)Radix UI / Shadcn UIFramer MotionTanStack QueryZustand

Backend & Real-Time

Engineering resilient microservices, high-throughput APIs, and sub-millisecond real-time event systems.

NestJS (Fastify & Express)Node.jsWebSockets / Socket.ioRESTful APIsPassport JWTSwagger / OpenAPI

Databases & Storage

Designing optimized relational schemas, in-memory caching layers, and distributed S3 storage.

PostgreSQLMySQLRedisTypeORMMinIO (S3 Object Storage)Sanity CMS (Headless / GROQ)

DevOps & Tooling

Standardizing automated container workflows, quality gates, and Kubernetes deployment pipelines.

DockerDocker ComposeKubernetes (K8s)Git Hooks (Husky, Lint-staged)SonarQubeYarn / NPM

Testing & QA

Guaranteeing zero-regression releases with end-to-end suites, unit coverage, and CWV audits.

Playwright (E2E Testing)JestReact Testing LibrarySupertestLighthouse Auditing

Specialized Skills

Building tailored domain-specific technical features, GIS geospatial systems, and streaming pipelines.

Interactive GIS Maps (Leaflet Cluster)QR Scanner / GeneratorDynamic PDF / Excel EnginesList Virtualization
Selected Works

Featured Engineering

A showcase of enterprise fullstack systems, headless architecture, real-time event platforms, and high-performance applications.

Fullstack EngineeringEnterprise Monorepo

Satria Muda Indonesia – Member Management & Live Match System

Satria Muda Indonesia Member Management & Live Match System Dashboard Interface

Enterprise-grade sports management ecosystem engineered with an isolated monorepo architecture. Powers end-to-end athlete management, real-time arena live match scoring via WebSockets, high-throughput Redis caching, automated hardware QR scanning, and dynamic geospatial GIS clustering.

Isolated monorepo architecture connecting Next.js 16 frontend with high-performance NestJS (Fastify) backend.
Sub-second real-time live match scoring & arena broadcast powered by Socket.io WebSockets.
Next.js 16React 19NestJS 11 (Fastify)TypeScriptPostgreSQL+5
Web Development / Headless CMSHeadless CMS Portal

Satria Muda Indonesia – Landing Page & Public Portal

Satria Muda Indonesia Public Portal & Headless CMS Showcase

High-performance public portal and content management gateway powered by Sanity CMS and GROQ. Features real-time live previews, rich visual storytelling, fluid Framer Motion micro-interactions, and enterprise Kubernetes CI/CD deployment pipelines.

Headless CMS integration with Sanity & dynamic GROQ queries for zero-friction content authoring.
Modern luxury UI styled with Tailwind CSS v4 & custom smooth glassmorphic micro-interactions.
Next.js 16React 19Tailwind CSS v4Sanity CMS (GROQ)Framer Motion+2
Performance & ArchitectureHigh-Performance SSG

HRIS SaaS – Landing Page

HRIS SaaS High Performance Landing Page Interface

Blazing-fast, zero-JS overhead marketing portal engineered with Astro v7 Islands architecture. Delivers instantaneous page load metrics, pristine Core Web Vitals scores approaching 100/100, and a modular adaptive design system.

Engineered with Astro v7 SSG Islands architecture for near-zero JavaScript runtime overhead.
Flawless Core Web Vitals (CWV) & Lighthouse benchmark scores consistently reaching ~100/100.
Astro v7TypeScriptTailwind CSSSSG IslandsDocker
Career & Milestones

Professional Journey

A track record of fullstack engineering, real-time platform development, and continuous academic pursuit of scalable software architecture.

2023 – PresentCurrent Role

Bachelor of Information Systems / Computer Science

Telkom University

Comprehensive academic foundation emphasizing enterprise software architecture, database management, and IT governance.

Software ArchitectureData Structures & AlgorithmsDatabase Systems (SQL)Distributed SystemsSystem Analysis

Key Technical Contributions & Scope

Specialized in software engineering principles, distributed systems, relational data modeling, and algorithmic problem solving.

Conducted in-depth academic projects on scalable web service design patterns and cloud-native application resilience.

Led team initiatives in fullstack application development, RESTful API contract design, and user-centered UI/UX engineering.

Feb 2026 – Aug 2026

Fullstack Engineer Intern

CV. Solusi Teknologi Kreatif

Engineering end-to-end web applications and high-throughput real-time systems using an isolated monorepo architecture.

Next.js 16React 19NestJS (Fastify)TypeScriptPostgreSQLRedisSocket.ioDockerPlaywright

Key Technical Contributions & Scope

Architected an isolated monorepo integrating Next.js 16 (React 19) frontend with NestJS 11 (Fastify) backend microservices.

Developed sub-second real-time live match scoring and arena broadcasting engine via Socket.io WebSockets.

Implemented high-performance Redis caching layer, dynamic PDF/Excel generation engines, and automated QR hardware verification.

Established end-to-end automated testing suites with Playwright and standardized Docker CI/CD deployment pipelines.

Feb 2022 – Jul 2022

Frontend - Mobile Developer Intern

Kreatorku

Engineered robust, cross-platform mobile applications with smooth 60fps UI performance and scalable clean architecture.

FlutterDartBLoC / CubitProviderRESTful APIsFirebase / FCMClean ArchitectureGit

Key Technical Contributions & Scope

Developed high-performance cross-platform mobile apps for Android and iOS using Flutter and Dart with Clean Architecture (Data, Domain, Presentation layers).

Implemented reactive state management (BLoC / Provider) to ensure predictable state transitions, error handling, and separation of business logic.

Integrated RESTful APIs, JSON serialization, and local caching (Hive / SharedPreferences) for seamless offline-first user experiences.

Built complex, responsive UI layouts with fluid custom animations, custom painters, and strict platform-adaptive design guidelines (Material 3 & Cupertino).

Handled hardware integrations and native features including push notifications (FCM), camera/gallery pickers, and secure storage.

Let's Build Something Great.

I'm currently open for new opportunities and exciting projects. Whether you have a question or just want to say hi, feel free to reach out!