OFFICIAL SITE SAGA — 2024 | Haru Li
These are actual screenshots of the site. Use the button to visit the full website.
VISIT SITE →The problem
The site ran on a hybrid Astro + React setup where two rendering models coexisted, leaving the SSR / SSG boundary hard to maintain. A multi-step home-inspection booking flow and online payment had to be added on top.
Approach
Led the architecture migration, refactoring into Next.js 14 App Router with a single unified SSR / SSG strategy. Built a multi-step home-inspection booking system (Steps 1–5) with a backend collaborator, covering quote estimation, date selection, contact details and order confirmation. Integrated the TapPay SDK for card payments, LINE LIFF for LINE login, and configured GA4 e-commerce tracking (add_to_cart, begin_checkout, purchase).
Outcome
Migration completed with the rendering strategy consolidated into one. Deployed on GCP + Docker with Nginx configured for static asset caching.