Jakarta based, open for freelance

for teams that want quality without release drama

I ship calm,fast web products.

Full stack engineer with 5+ years across product teams in Indonesia. I turn messy requirements into stable releases, cleaner frontend systems, and measurable performance wins.

Years in product teams

20+

Projects shipped

Web

Frontends, DX, perf

About

A frontend-heavy engineer who cares about how the release feels after launch.

Portrait of Jonathan Gobiel, Full Stack Engineer

Jakarta, Indonesia

available now

Jonathan Gobiel

Full stack engineer with a frontend systems bias

focus

Architecture, performance, and maintainable product UI.

mode

Shipping with product, design, and platform teams.

I work best on products that need both polish and discipline: the interface has to feel good, but the code also has to survive the next sprint, the next teammate, and the next traffic spike.

Over the past 5+ years I have shipped web applications across commerce, fintech, internal tooling, government, and consumer products. My strongest lane is frontend engineering with React, Next.js, Vue, and TypeScript, backed by enough Node.js and PHP experience to own the full path from feature idea to production release.

The work I enjoy most sits where product ambition meets engineering constraint: slimming bundles, improving developer workflows, smoothing migrations, and turning dense requirements into interfaces people can actually navigate.

Name

Jonathan Gobiel

jonathangobiel13@gmail.com

Location

Jakarta, Indonesia

Availability

Open for freelance

What teams get

Clear communication between product intent and implementation detail.
Frontend decisions that reduce fragility instead of adding cleverness.
Attention to performance before it becomes a release problem.

Current stack

ReactNext.jsVueTypeScriptNode.jsWeb performance

Experience

A track record built on cleaner systems, faster pages, and fewer surprises in production.

Oct 2025 – Present

Software Engineer Web Platform

DANA Indonesia

Oct 2025 – Present

Reduced page bundle size by 18% by resolving an incorrect code-splitting boundary that caused unrelated page code to be bundled together.
Achieved a 79% bundle size reduction by lazy-loading heavy animation components, significantly improving initial page load performance.
Improved Core Web Vitals by preloading critical scripts to reduce Total Blocking Time and adopting WebP images to accelerate Largest Contentful Paint.
Built internal CLI tools that clarified route ownership and standardized feature scaffolding across the codebase.
Automated local SSL certificate setup, removing a recurring blocker for Android emulator testing.

Vue.jsTypeScriptLottieWebPCLIWebPerf

Sept 2021 – Oct 2025

Software Engineer Web Platform

Tokopedia Inc.

Sept 2021 – Oct 2025

Implemented automation reporting before releases to keep quality visible.
Introduced bundle size checks in pull requests before merge.
Helped steer the Tokopedia web platform migration into the TikTok ecosystem.
Cut development build time by roughly 90%, improving day-to-day developer flow.
Standardized i18n across the broader web platform ecosystem.

ReactNext.jsDockerGraphQLTypeScriptTailwind CSS

Sept 2019 – Sept 2021

Research & Development Team

Bina Nusantara Inc.

Sept 2019 – Sept 2021

Led enhancements to web and mobile products with a strong performance lens.
Redesigned the Hiring Web App by moving it from jQuery toward a Next.js architecture.
Revamped the Teaching Assistant App by replacing an ASP.NET implementation with Next.js.
Mentored teaching assistants during R&D delivery work.

C# Web APIReactJSAngularLaravelIISSQL ServerFlutter

Jun 2018 – Sept 2019

Teaching Assistant

Bina Nusantara Inc.

Jun 2018 – Sept 2019

Ran progressive project tests across game, analysis, web, network, and mobile tracks.
Taught practicum material spanning algorithms, databases, multimedia, security, and web.
Handled assessment and student guidance across multiple technical courses.

C#PHPLaravelCSS

Selected work

A mix of production products, experiments, and tools that solve specific user problems.

Instead of throwing every thumbnail at the first screen, these are the builds that best show how I work: practical, product-shaped, and live.

Live Code

featured build

TalkToMe

live product

Web application designed to replicate the functionality of Google Meet, with real-time audio and video via WebRTC.

Real-time browser communication via WebRTC.
Room-based interaction that feels immediate and lightweight.
Built as a practical systems exercise, not just a visual clone.

Next.jsReactTailwind CSSWebRTCSocket.io

Live

featured build

CariEV

live product

Discover public and private EV charging stations near you with one-tap navigation redirection.

Unifies charger discovery across multiple providers.
Supports quick navigation handoff instead of making users re-search.
Designed around a real local mobility problem rather than a demo brief.

Next.jsReactLeafletTailwind CSS

Live

featured build

KirimFile

live product

Browser-based peer-to-peer file sharing that works on Android, iOS, and desktop with zero installs.

Serverless peer-to-peer transfer via WebRTC.
Cross-platform by default with no sign-up burden.
Built around immediacy: open, pair, and share.

WebRTCReactJavaScript

Aerium

Premium residences landing page with elegant UI and smooth animations.

Next.jsTailwind CSSShadcn/ui

Open

Crowde

A system that manages schedules and survey locations with real-time data.

ReactGolang

Open

Fita

A health app with comprehensive features and programs to start living a healthy life.

Tailwind CSSNext.js

Open

Cubes

Accounting management training system used by enterprises across Indonesia.

Next.jsLaravel

Open

Inaskills

Competition management system used by Indonesia's Ministry of Manpower.

jQueryLaravelMySQLBootstrap

Open

Kleveru

Beauty industry platform connecting service providers and customers.

Next.jsLaravelMySQLBootstrap

Open

Sense

Hospitality management system for laundry operations.

ReactGolang

Open

Brc Depo

E-commerce application for selling household equipment.

Next.jsTailwind CSSPostgreSQL

Open

Edit PDF

Edit PDF text directly in your browser — 100% private, no uploads to any server.

ReactJavaScript

Open

Toolbox

The stack is broad, but the value is in choosing the right level of complexity.

Frontend

React

Next.js

Vue.js

TypeScript

JavaScript

HTML5

CSS3

Tailwind

Backend and data

Node.js

Laravel

GraphQL

MySQL

MongoDB

Tools and workflow

Docker

Git

GitHub

Figma

Flutter

How I contribute

Useful in the room before and after the code is written.

Frontend systems

Designing UI architecture teams can keep extending.

Performance passes

Finding the expensive pieces and making them cheaper to ship.

Release support

Helping product work land cleanly across environments and teams.

Common stack mix

React or Vue on the client, TypeScript as the glue, Node.js or Laravel behind it, and a constant bias toward removing friction for users and teammates.