How can I hire Nazmul Hawlader for Shopify theme or app development?

You can reach out directly via the hire form on nazmulcodes.org or hire through verified freelance platforms including Upwork (Top-Rated profile), Guru, Freelancer.com, or direct contract.

Do you build custom Shopify themes without page builders?

Yes. All bespoke themes are hand-coded with native Shopify Liquid, modern Vanilla JS, and CSS custom properties without bulky page builders (PageFly, GemPages, Shogun), guaranteeing sub-second load times and 90+ Lighthouse scores.

Can you fix broken Shopify themes, Liquid errors, and checkout glitches?

Yes. We offer rapid same-day troubleshooting for Liquid syntax errors, JavaScript console conflicts, broken AJAX cart drawers, mobile layout glitches, and Checkout Extensibility configurations.

How do you protect SEO rankings and fix broken URLs during Shopify migrations?

We execute comprehensive website crawls to detect 404 errors, map 1-to-1 and wildcard 301 URL redirects, verify canonical tags, and audit Google Search Console to protect 100% of organic search rankings.

Can you configure Shopify Flow automations and payment gateways?

Yes. We design end-to-end Shopify Flow automation workflows for restocks, cancellations, and order triage, as well as configure Shopify Payments, Stripe, PayPal, local payment gateways, and Shopify Markets multi-currency routing.

React & Frontend9 min readAugust 26, 2026

Advanced TypeScript Patterns for Production SaaS: Generics, Discriminated Unions & Zod

Level up from basic TypeScript interfaces to production-grade discriminated unions, runtime validation with Zod, and type-safe API boundaries.

Nazmul Hawlader

Senior Shopify & Full-Stack Engineer

Note: Key takeaways in this guide: • Eliminate boolean flag spaghetti with type-safe Discriminated Unions. • Parse untrusted external API responses with Zod schemas to guarantee runtime type safety. • Construct reusable utility types with generic constraints and keyof lookups.

TypeScript can either feel like annoying boilerplate or an invincible safety harness that catches bugs before they ever touch production. Mastering advanced patterns like discriminated unions and runtime validation bridges the gap between compile-time types and untrusted runtime inputs.

1. Discriminated Unions for State Modeling

Never model async state with independent variables like isLoading: boolean, isError: boolean, data: T | null. Instead, use a single status discriminator that makes impossible states unrepresentable.

Summary & Key Conclusion

Strict, expressive TypeScript codebases let engineering teams ship bold refactors with total confidence.

Written by Nazmul Hawlader

Top Rated

Senior Full-Stack Engineer & Official Shopify App Store developer. Founder of Stockly and Kilo (kilo.nazmulcodes.org), specializing in high-performance Shopify apps, client-side media compression, and sub-second web performance.

Read My Full Story Consult on Upwork

Advanced TypeScript Patterns for Production SaaS: Generics, Discriminated Unions & Zod

1. Discriminated Unions for State Modeling

Summary & Key Conclusion

Written by Nazmul Hawlader

Recommended Related Articles

Remix v2 Single-Fetch Architecture: Why It Beats Traditional SPAs and Next.js

State Management in Modern React: Zustand vs Context vs Server State

Building Accessible (WCAG AA Compliant) UI Components in React from Scratch