Kumodevs Portfolio
Marketing and blog site built during Miraz's time running Kumo Devs, a dev agency — Next.js 15 App Router with an MDX blog, animated sections, and a services/case-study system, later hardened with server-side validation and static generation.
Overview
Marketing and blog site built during Miraz's time running Kumo Devs, a dev agency — Next.js 15 App Router with an MDX blog, animated sections, and a services/case-study system, later hardened with server-side validation and static generation.
Links
Challenges & Learnings
The site served as Kumo Devs' public-facing marketing site — home, services, work/case-study pages, a lead-gen funnel, and an MDX blog — built on Next.js 15 with TypeScript, Tailwind, and framer-motion for section animation. Content lived in JSON/MDX files read through cache()-wrapped, schema-validated server helpers instead of client-side fetches, a deliberate fix for a render waterfall that had been hurting SEO and load time. Smooth scrolling used Lenis; a WebGL globe needed an SSR guard since it touched the browser window during server rendering before mounting client-side. Case-study and service detail pages were converted to static generation for build-time pre-rendering. Other real engineering work: an image-fallback wrapper that renders alt-text-derived placeholders when a remote image fails to load, self-hosted fonts replacing a render-blocking Google Fonts import, JSON-LD structured data, and an accessibility pass (focus-visible rings, reduced-motion support, aria states). Worth noting: the case studies bundled in the site's own demo content are placeholder examples with stock imagery, not verified real clients — this describes the site's own engineering, not client outcomes.