Responsibilities

• Lead developer for the public site, internal CMS, member portal & Grillz sub-brand.
• Shipped CSR→SSR migration, bilingual blogs, customer-tiering and birthday-reminder systems.
• Collaborate daily with SEO, CRM, Marketing & UI/UX to spec, build and adjust features.

meatguy.id ↗

Responsibilities

• Owned the full stack: app flow, ERD design, frontend slicing, API, deployment.
• Built articles platform and Midtrans-integrated commerce for cosmetic products.
• Worked end-to-end with UI/UX, Marketing & the Owner to ship features weekly.

camellique.com ↗

Responsibilities

• Built the company-profile website for the Global Sustainable Tourism Council.
• Collaborated with UI/UX & DevOps to deliver content-heavy multilingual pages.

gstca.org ↗

Responsibilities

• Develop and maintain nicheindonesia.com — features, content modules, perf.

nicheindonesia.com ↗

Responsibilities

• Maintain & extend the corporate WordPress site for SMN.

sinarmataharinasional.com ↗

Responsibilities

• Designed and shipped the website, CMS and reservation system for Sirlo Steak.

sirlosteak.com ↗

CSR → SSR Migration

Re-architected the Meatguy website from Client-Side Rendering to Server-Side Rendering for SEO, time-to-first-byte and crawlability.

• Audited bundle / hydration cost across every route.
• Migrated state and data-fetching to Nuxt 3 server routes.
• Stabilised LCP / CLS while keeping editorial parity.

Bilingual Blogs

Foreign-traffic detection prompted a bilingual layer. Same posts, two locales, one CMS.

• Locale-routed Nuxt pages with shared canonical IDs.
• Express + Postgres translation store with editorial fall-back.
• Hreflang + sitemap generation per locale.

Author Pages

Author bylines on every post, clickable into a per-author archive — a small thing that built reader trust.

• Author entity in the CMS with role, bio and avatar.
• Dynamic /author/[slug] aggregating posts.
• Schema.org Person/Article markup.

Customer Birthday System

Admins capture birthdays for the customer & their family. A scheduler fans out reminders.

• Nested family-member model on the customer record.
• Daily scheduler emits CRM events with idempotency keys.
• Admin UI for quick capture and edit.

Customer Tiering

New tiering rules to make CRM campaigns hit harder. Existing features were revamped to match.

• Tier model with thresholds, decay and grandfathering.
• Backfill job for the existing customer base.
• Feature audit: every gated screen now respects tier.

Meatguy × Chope Reservations

Reservation widget on location pages; GCC as publisher; internal scraping via Gmail API keeps state in sync.

• Widget mount on every location section.
• Gmail API scraper for booking confirmations.
• Reconciliation against the internal reservations table.

Grillz Website

Standalone site for Grillz by Meatguy — private steak parties at the customer's location. CTAs route enquiries to the team.

• GSAP-driven scroll storytelling.
• Standalone Ubuntu / Nginx deploy with custom domain.
• Form pipeline straight to ops.

Hampers Campaign

End-of-year hamper packages — Dec → Jan 15. Built from a hand-off, shipped against a hard deadline.

• Time-boxed campaign route with auto-expiry.
• Editorial blocks for marketing self-serve.
• Lightweight bundle for mobile-first audience.

Miyazaki Wagyu Campaign

Landing for A5 Miyazaki cuts with a primer on the grade. Built to cut bounce from ads / EDM mismatch.

• Tracking-aware variants per traffic source.
• Schema for product-grade education.
• Direct-to-cart CTAs.

Careers Page

Public careers index for SCBD and Bintaro openings, with role detail pages and apply CTAs.

• Location-filtered listings.
• Role detail with structured-data Job Posting.
• Editorial control via the same CMS.

Camellique Website

Cosmetic-brand landing with sections for about, products, articles and referral sign-up.

• Server-rendered Nuxt with Laravel REST API.
• Referral programme with code generation & tracking.
• Editorial articles surface with category routing.

Camellique Shop

Single-page shop: cart, gallery, benefits, how-to, pricing & detail — paid via Midtrans.

• Reactive cart in one route, no full reloads.
• Midtrans payment-gateway integration end-to-end.
• Server-rendered for product SEO.