Wildan Novaldiβ beta

IndonesiaWIB

Halo —Frontend EngineerBased in Indonesia

WildanNovaldi

I ship interfaces early and keep refining them in the open: fast on first paint, steady on the thousandth click, readable by everyone. It's beta, and that's the point.

Selected work

(01) About

Frontend by profession, fullstack by curiosity. By day I ship interfaces in Vue, Nuxt and React. After hours I learn what sits behind them, from .NET and message queues to containers, because the steadiest interfaces come from people who understand the whole stack.

Currently building
POS Multi-Tenant
Currently learning
.NET 10, RabbitMQ, Kubernetes
Following
roadmap.sh: Full Stack & Backend
Speaks
Bahasa Indonesia, English

(02) Featured · in progress

POS Multi‑Tenant

A point-of-sale platform that has to work for a single warung and a retail chain alike. It is a real product with every service in place, not a demo, and it is how I am learning the backend from the database up.

Services
12 .NET 10 microservices behind a YARP gateway
Messaging
RabbitMQ with MassTransit
Data
PostgreSQL, Redis, Supabase Auth
Frontend
Next.js backoffice
Ops
Docker, then Kubernetes and Terraform, shipped by GitHub Actions
POS Multi-Tenant architecture Backoffice and POS terminal clients call a YARP gateway, which routes to twelve services that talk through a RabbitMQ event bus and store data in PostgreSQL, Redis and Supabase Auth. backoffice · next.js pos terminal gateway · yarp catalog sales inventory payment customer promotion purchasing billing organization reporting notification audit event bus · rabbitmq + masstransit postgresql redis supabase auth
fig. 1 — service map, simplified

Selected work

(03) — 05 projects, built solo

  1. 01

    Vehicle Financing Simulator

    The total cost of owning a motorcycle or car in Indonesia, hidden costs included. Cash and credit side by side, flat-to-effective rate conversion, a full amortization schedule and an affordability check.

    Vanilla JS · Zero deps · SVG charts · ID / EN

  2. 02

    Video Trimmer

    A desktop app that cuts clips without re-encoding: lossless, nearly instant, and it quietly remuxes MPEG-TS files Chromium cannot play. Keyboard-first, with I / O marks and frame stepping.

    Electron · ffmpeg · Desktop

  3. 03

    KPR Simulator

    Monthly installments, total interest and a full amortization schedule for Indonesian home loans, with the fixed-then-floating rate periods real mortgages use.

    Nuxt · Vue · Charts

  4. 04

    Personal Expense

    An expense tracker I rebuild on purpose. The same product in Next.js, then Nuxt, on Node and Supabase backends, so I can compare stacks honestly instead of by hype.

    Nuxt 4 · Supabase · Zod · Tailwind

  5. 05

    itsbeta

    My corner of the web: an Astro monorepo with a portfolio and a tools catalog. Every entry is validated with Zod at build time, so a typo fails the build instead of the page.

    Astro · pnpm workspaces · Cloudflare Pages

(04) Stack

Tools I reach for,
and the ones I'm learning.

Frontend · daily

Vue, Nuxt, React, Next.js, Astro.

  • TypeScript
  • Tailwind CSS
  • Nuxt UI
  • shadcn-vue
  • Zod
  • Vite
  • Lucide

Learning path

  1. doneNode.js & Express
  2. donePostgreSQL & Supabase
  3. now.NET 10 & C#
  4. nowRabbitMQ & Redis
  5. nextKubernetes & Terraform

Craft

  • Accessibility first
  • i18n, ID & EN
  • Performance budgets
  • Design tokens
  • Print styles that work

Ship & run

  • Docker
  • GitHub Actions
  • Cloudflare Pages
  • Firebase
  • Electron

“Zero dependencies is a feature, not a flex.”

(05) The lab

Small tools.
Nothing leaves your device.

(06) Contact

Want to test
something early?

A project, a role, a bug report or a question about interfaces. My inbox is open, and I reply in Bahasa Indonesia or English.