Wedding invitation Platform, Wedding Planner Platform, Wedding Platform

CraftingDigitalExperiencesFromVisiontoProduction

Company Profiles (Simple, fast)E-Commerce (Payment, inventory)Enterprise Apps (Scalable, secure)3D Websites (Interactive, WebGL)

3+ years building web and mobile apps — from simple landing pages to enterprise systems. Available for freelance projects and collaboration.

View My Work Resume

About Me

I build modern web and mobile applications with a strong focus on performance, maintainability, and seamless user experiences. My core tech stack includes Next.js, React, Laravel, Flutter, and Node.js. I enjoy collaborating with cross-functional teams and delivering technical solutions that make a meaningful impact on users.

Reza Novian Ramadhan (also known as rezznr) is a freelance full-stack web developer based in Jakarta, Indonesia, specializing in Next.js, React, TypeScript, Laravel, and Node.js. Turning ideas into production-ready web systems with clean code, thoughtful architecture, and attention to detail.

Frontend

React
Next.js
TypeScript
Tailwind CSS
Framer Motion

Backend

Node.js
Express
Payload CMS
PostgreSQL
MongoDB

Tools

Git
Docker
Vercel
Figma
VS Code

Role 01 of 04

Where I Work

The last three years — from landing pages to internal systems used every day.

Scroll to explore history

IT Developer

PT. Suiten Inovasi SuksesCurrent

Oct 2024 – PresentCentral Jakarta, Indonesia

Developed 5+ high-performance web applications using Next.js, collaborating with backend teams to deliver scalable, secure, and maintainable solutions.
Built cross-platform Android applications with Flutter, ensuring smooth performance, responsive design, and seamless user interactions.
Engineered responsive UIs with Next.js & Tailwind CSS, optimizing accessibility and delivering a consistent experience across all devices.
Developed RESTful APIs using Laravel, improving backend efficiency and enabling seamless data integration for frontend applications.
Optimized frontend performance using code splitting, data prefetching, and lazy loading, reducing load times by 60% (5s → 2s).

Next.jsFlutterLaravelTypeScriptTailwind CSS

Web Developer

FreelanceCurrent

Sep 2025 – PresentRemote

Developed high-quality, production-ready websites for major clients, including Sampoerna Academy and Putra Sampoerna Foundation, ensuring responsive design, fast performance, and SEO-optimized structure.
Developed Generasi Raw / Rawkopi (generasiraw.org) — a full back-office and multi-portal system including Admin Backoffice for content, user, and warkop management.
Delivered end-to-end freelance web development services, building company profiles, e-commerce platforms, and custom business systems such as HRIS and ERP, tailored to each client’s operational needs and workflows.

Next.jsLaravelTypeScriptTailwind CSS

Associate Web Developer

HS Kak Seto

Jan 2024 – Jun 2024Remote

Built 10+ responsive pages using Next.js and Tailwind CSS, improving mobile user experience.
Transformed UI/UX designs into functional components, enhancing visual appeal and user interaction.
Developed high-performance applications with Next.js, increasing application speed and ensuring maintainability.
Conducted testing with Cypress.io, reducing bugs and ensuring a smooth user experience.
Utilized Google Firebase for cloud hosting and backend services, improving app scalability and real-time data processing.

Next.jsTailwind CSSFirebaseCypress.ioTypeScript

Web Developer

PT. Pilihanmu Indonesia Jaya

Aug 2023 – Jun 2024Depok, Indonesia

Developed a high-performance web application using Next.js, ensuring robust functionality and intuitive UI.
Converted UI/UX designs into fully functional components with Next.js and Tailwind CSS.
Designed and built a cognitive test application using CodeIgniter 4, delivering a seamless and reliable user experience.
Engineered test components and conducted end-to-end (E2E) testing with Cypress.io, improved application stability and performance.
Built and integrated web apps using Next.js and RESTful APIs, enhancing interactivity and performance by 30%.

Next.jsTypeScriptTailwind CSSCodeIgniter 4Cypress.io

Selected
Works

Central Kitchen ERP

A complete ERP platform for managing central kitchen operations across multiple outlets. The system covers procurement, FIFO inventory tracking, recipe based production, waste management, outlet dispatch, production costing, and automated double entry accounting.

Next.jsTypeScriptPostgreSQL PrismaPostgreSQLshadcn/uiTailwind CSS

View Details

Main Dashboard, Warning Stocks, Monitoring

MIS Dashboard — Inventory Analitycs, purchase, production, waste, dan HPP

MIS Dashboard — Overview Tab and Inventory & Stok

1/4

HomeWiz

An operational Property Management System dashboard designed to help building managers handle billing, work orders, helpdesk requests, security patrols, access cards, parking, and reporting within a single integrated platform, complete with role-based access control.

Next.js 15TypeScriptLaravelTailwind CSS

View Details

Dasbor properti — okupansi unit, komposisi penghuni, dan antrean persetujuan

Back-office — modul unit, penghuni, utilitas, dan work order

Penagihan — tagihan utilitas dan iuran per unit

Landing page produk untuk pengelola properti

Autentikasi multi-peran: pemilik, penyewa, dan pengelola

1/6

Himawari Roastery

Full-stack e-commerce platform for an Indonesian specialty coffee roastery direct ordering with dual payment flows (Doku + manual transfer), order tracking, and a custom admin CMS with payment verification built in.

Next.jsTypeScriptTailwind CSSPayload CMS TursoMidtransFramer MotionVercel BlobResendThreeJS

View Details

Visual 3D proses packing di halaman produk

Checkout — form pengiriman dan pilihan kurir

Dasbor admin — ringkasan pesanan dan stok

1/5

Spaced.id

A subscription-based design agency website built with Next.js and Tailwind CSS, integrated with Payload CMS (v3) & PostgreSQL, featuring dual-language localization (EN/ID), interactive Framer Motion animations, and an advanced SEO-first architecture.

Next.jsPayload CMSTypeScriptSEOTailwind CSSPostgreSQLLexical Rich Text Editor

View Details

Landing page — penawaran langganan desain bulanan

Panel CMS — kelola artikel, portfolio, dan library

1/4

Yumevite.id

Premium digital wedding invitation platform for Indonesian couples — animated template marketplace, live invitation editor, guest & RSVP management, and a full wedding planning toolkit with integrated payments.

Next.jsTypeScriptPostgreSQL PrismaSupabaseTailwind CSSBullMQ/RedisMidtransFramer Motion GSAPThreeJS

View Details

Dasbor wedding organizer — ringkasan acara dan progres persiapan

Checklist perlengkapan — status per item

Checklist perlengkapan — pengelompokan per kategori

Perencanaan dan alokasi anggaran pernikahan

Dasbor pelanggan — kelola undangan dan daftar tamu

Kustomisasi undangan digital — tema, foto, dan detail acara

1/7

WONKA Kids

Bilingual company-profile and product website for a first-hand children's clothing wholesaler in Tanah Abang built for resellers, with scroll-driven storytelling and local-SEO baked in.

Next.jsTypeScriptTailwind CSSGSAP Lenis VercelVercel

View Details

Landing page — produsen pakaian anak dengan pemesanan grosir via WhatsApp

Halaman Tentang Kami — profil dan kapasitas produksi

Fasilitas produksi — lini jahit dan quality control

Fasilitas pabrik — area produksi dan pergudangan

1/5

Generasi Raw / Rawkopi Sampoerna Academy

Full back-office and multi-portal system for Generasi Raw / Rawkopi coffee community platform.

LaravelReactJSTailwind CSSMySQL

View Details

Suiten Company Website

Corporate website for Suiten, a software house specializing in custom software solutions — SEO-optimized and performant.

Next.jsTypeScriptTailwind CSSSEO

View Details

HSK Kak Seto — School Website

School website for Homeschooling Kak Seto with responsive design, dynamic content management, and SEO optimization.

Next.jsTypeScriptFirebaseTailwind CSS

View Details

Hirakana

Interactive Hiragana & Katakana learning app — gamified Japanese script practice for beginners.

Next.jsTypeScriptTailwind CSSFigma

View Details

Pilih Jurusan Platform

Educational platform for university major selection, featuring cognitive tests, program recommendations, and interactive tools.

Next.jsTypeScriptCodeIgniter 4Cypress.ioTailwind CSS

View Details

Platform Tes Psikologi Online untuk pelajar

Top Seeds Initiative Landing Page

A modern and responsive landing page developed for the Top Seeds Initiative tennis development program, featuring immersive storytelling, interactive sections, and an integrated application form.

laravelBladeTailwind CSS

View Details

Yumevite — Digital Wedding Invitation

Yumevite adalah platform undangan pernikahan digital (digital invitation) interaktif dan custom builder dengan CMS mandiri, RSVP real-time, kalkulator anggaran pernikahan, dan payment gateway otomatis.

Next.jsReactTypeScriptTailwind CSSMidtransPostgreSQL

View Details

Yumevite digital wedding invitation builder and wedding planner landing page

Dashboard Pengguna Yumevite untuk kustomisasi tema dan detail acara pernikahan

Admin Backoffice Yumevite dengan full CMS untuk pengelolaan paket dan pesanan

Fitur kalkulator anggaran pernikahan dan manajemen checklist kebutuhan di Yumevite

1/4

Scroll downfor the next project

01 / 13

Latest Writing

Technical notes and lessons from real projects.

Website 3DThree.jsCoffee Branding

Building an Interactive 3D Coffee Website: Storytelling from Bean to Cup with Three.js

3D isn’t just a visual gimmick — it’s a storytelling medium. How interactive 3D websites like Himawari Roastery, Kepaso, and Rhumb Line guide visitors through the coffee journey (Origin → Bean → Craft → Cup) without sacrificing performance or SEO.

July 10, 20268 min

Central Kitchen ERP System Case Study by Reza Novian Ramadhan

Next.jsPostgreSQLERP

Case Study: Building a Multi-Outlet Central Kitchen ERP & Inventory System with Next.js & PostgreSQL

How I designed and engineered an automated Central Kitchen ERP with FIFO batch tracking, real-time COGS (HPP), and multi-outlet inventory using Next.js, TypeScript, and PostgreSQL — cutting stock discrepancy by 92%.

August 15, 20269 min

Portofolio 3D Interaktif dan Showcase Proyek Web Development Reza Novian Ramadhan

Portofolio 3DNext.jsThree.js

Behind the Scenes of My 3D Portfolio & Project Showcase: Engineering Proof for a Freelance Web Developer

Why I built an interactive 3D mechanical keyboard portfolio and showcased real-world engineering proof — from multi-outlet Central Kitchen ERPs to agency CMS platforms. How creative web development, 60 FPS performance, and transparent case studies win client trust.

September 18, 20268 min

Next.jsPayload CMSTypeScript

Membangun Portfolio Modern dengan Next.js App Router & Payload CMS

Studi kasus lengkap migrasi portfolio dari Pages Router ke App Router dengan Payload CMS v3, SQLite/Turso, dan deployment di Vercel — beserta pelajaran yang saya dapat.

June 15, 20267 min

Next.jsRendering

SSG vs ISR vs SSR di Next.js: Panduan Memilih Strategi Rendering

Kapan pakai Static Generation, Incremental Static Regeneration, atau Server-Side Rendering? Kerangka berpikir praktis berdasarkan sifat data dan kebutuhan bisnis.

April 10, 20265 min

TypeScriptZod

Validasi Form Type-Safe dengan Zod dan TypeScript

Satu schema Zod untuk validasi client dan server sekaligus: menghilangkan duplikasi, mencegah drift, dan mendapatkan type inference gratis di seluruh alur form.

March 5, 20265 min

View All Articles