Vấn đề
GRIDSZ là telco network management platform dùng cho rollout quy mô lớn tại Hà Lan và nhiều thị trường khác. Nhiều module frontend cần phát triển độc lập, nhưng quy trình build và deploy cũ khiến mỗi thay đổi tốn kém để ship. Màn hình data volume cao phải giữ được tốc độ khi vận hành thật, và SSO bảo mật cần chạy thống nhất trên các micro-app.
Việc đã làm
Tôi lead rollout kiến trúc micro-frontend trên Nx monorepo để team sở hữu module rõ hơn, với shared boundaries và affected-project builds. Tôi tái cấu trúc build workflow để tận dụng cache và giảm CI thừa. Về sản phẩm, tôi tối ưu màn hình rollout data lớn bằng cache strategy và Angular virtual scrolling. Quality gate vào GitHub Actions với Cypress E2E và Jest. Tôi cũng refactor auth gateway sang SolidJS + Vite, tích hợp SSO với Firebase Authentication và Google Cloud IAP. Song song delivery, tôi mentor junior về RxJS và NgRx qua code review có cấu trúc.
Kết quả
- Rút ngắn 40% deployment lead time sau khi tái cấu trúc monorepo và build.
- Giảm 30% load time trên các màn hình rollout data lớn.
- Ít production regression hơn nhờ test automation và quality gate trong CI.
Công nghệ sử dụng
Angular, Nx, TypeScript, RxJS, NgRx, Angular Virtual Scrolling, Cypress, Jest, GitHub Actions, SolidJS, Vite, Firebase Authentication, Google Cloud IAP