MII Microsoft Solutions Website
MII's public Microsoft Solutions website in English and Indonesian, built from 17 specs to present its practice areas, completed work, products, licensing and promotions.
Key results
17 specs
Specs guiding delivery from the first page to production
Visit live site (opens in a new tab)
- Sole engineer
- Aug 2026 to Sep 2026
- Featured
- L3:solutions-marketing-site
Results
17 specs
Specs guiding delivery from the first page to production
Problem
MII's Microsoft Solutions division needed one public site in English and Indonesian for its three practices (Microsoft 365, Azure and Power Platform), delivered engagements, MII products, device and CSP licensing catalogues and promotions. The content needed to stay accurate as offers changed.
Contribution
- I built the site through 17 GitHub Spec Kit specs, from the first landing page to the practice pages, the promotions catalogue and the devices experience.
- I kept every page as typed bilingual content validated at build time, so a missing translation or a broken content rule fails the build instead of shipping.
- I built an outcome navigator that maps a business goal to the matching practice and capabilities, plus searchable engagement, licensing and promotion catalogues.
- I moved media to Azure Blob Storage with a synced manifest and shipped the standalone build to App Service. The deploy script wipes files left by earlier deploys so old routes cannot shadow the new build, then checks every route on the live site.
Gallery
Tech stack
Next.js
TypeScript
Tailwind CSS
Azure Blob Storage
App Service
GitHub Spec Kit
More Product Engineering projects
Technical Consultant, Software & AI, Metrodata (PT Mitra Integrasi Informatika)