Expertise

What I build — in depth

Full practice backgrounds for each stack — how I ship, what ships, and the delivery path.

Next.js + Vercel

Production web at scale

Five years beside the stack — scaling 20+ live projects with Next.js on Vercel, AI agents, and realtime backends on Vercel Fluid and Supabase.

App Router, edge functions, and streaming UI patterns in production
AI agents and realtime backends — Vercel Fluid compute and Supabase
20+ shipped projects live — from golf coaching to mobility and media
Core industries we keep building for — Fintech, Blockchain, Web3, and RAG AI

Industries we build for

FintechBlockchainWeb3RAG AI

View projects Start a web project

Shipped on Next.js + Vercel

FoCoCo OTW Arete Minds imaddhin THEVAULT + more

How I work Next.js + Vercel

I ship production App Router sites and products on Vercel — not demos. That means edge and Fluid compute, streaming UI, server actions, and realtime backends (often Supabase) that hold up under real traffic.

Across FoCoCo, OTW, Arete Minds, imaddhin, and THEVAULTLOSANGELES, the same pattern repeats: clear architecture, AI agents where they earn their keep, and deployment that stays fast to iterate.

App Router, RSC, and streaming patterns tuned for Core Web Vitals
AI agents and RAG surfaces hosted next to the product on Vercel
Fintech, Blockchain, Web3, and RAG AI as core industries of focus
Preview deploys, env hygiene, and production monitoring as default

Framer · Agentic building

Your next agentic build starts on canvas

Framer is where design, CMS, and External Agents meet — ship marketing and product UI with Codex, Claude Code, Cursor, or Gemini CLI wired directly to your canvas, components, and collections.

External Agents with full canvas, component, and CMS access for iterative agentic builds
Component systems and variants structured so agents can extend UI without breaking brand
CMS collections modeled for growth — pages, blog, and product content agents can maintain
Publish-ready sites with performance and SEO, then hand off to Next.js when you scale

Agent surfaces on canvas

External AgentsCMSComponentsPublish

External Agents Read the update Start a Framer project

Built with Framer

GoBrainy

Konntext

+ more

How I work Framer

I use Framer as the agentic design-to-publish surface — External Agents on the canvas, CMS collections structured for growth, and components agents can extend without breaking the brand.

When a site outgrows marketing CMS needs, I hand off cleanly to Next.js while keeping the Framer system as the source of visual truth for campaigns and product marketing.

External Agents: Codex, Claude Code, Cursor, Gemini CLI on canvas + CMS
Component systems and variants built for agent-safe iteration
CMS for pages, blog, and product content agents can maintain
Publish performance and SEO, with Next.js path when you scale

Official Expertise

Early adopter since the Google I/O 2021 launch
30+ shipped FlutterFlow projects — among top FlutterFlow experts for 3–4 years
Deliver and build next Flutter apps natively — the leading low-code mobile stack in the industry, now with MCP AI

View projects Start project

Shipped with FlutterFlow

OTW Kaïs w Laïla StrengthMaker HANGO Townsquare Lima Creation ICNA + more

How I work FlutterFlow

I build and ship FlutterFlow apps end-to-end — UI, custom code, Firebase, payments, and store release — then push past the low-code ceiling with native Flutter when the product needs it.

As an early adopter and multi-year top expert, the practice is speed with production judgment: MCP AI in the workflow, clean architecture, and apps that survive App Store and Play review.

30+ FlutterFlow projects across dating, nightlife, hospitality, and AI apps
Custom actions, API integrations, and Firebase Auth/Firestore/Storage
Native Flutter handoff when you outgrow the builder
MCP AI–assisted builds without shipping fragile demos

Microsoft Technologies

.NET & C#

Enterprise web, APIs, and real-time surfaces with C#, .NET, ASP.NET Core, and Blazor — aligned with Microsoft’s modern stack.

Start a .NET project

How I work .NET & C#

I deliver enterprise APIs, Blazor surfaces, and cloud-ready .NET services — typed C#, ASP.NET Core hosting, and real-time UI where the business needs it.

The focus is durable systems: clear domain models, auth, observability, and hosting that fits Azure or hybrid — not throwaway prototypes.

C# / .NET for APIs, workers, and cross-platform services
ASP.NET Core MVC and minimal APIs for high-throughput backends
Blazor WebAssembly and server-hosted interactive UIs
Auth, identity, and production hardening for enterprise delivery

Edge & cloud

Cloudflare

Global connectivity platform — secure, fast, and programmable infrastructure from DNS and CDN to Workers, R2, and AI.

Smart Shield — Smart Tiered Cache and connection reuse to protect the origin
Custom advanced backends on Workers — serverless compute at the edge
AI security — WAF, bot management, and Zero Trust access controls
AI agents & Workers AI — inference and orchestration close to users
Agent-ready delivery — Markdown for Agents, Content Signals, and discovery endpoints
Next-gen cloud computing — global network, CDN, and D1/R2 data primitives
Full infrastructure ready — DNS, TLS, load balancing, and observability
Application services — Pages, Stream, Images, and Email Routing on one platform
Connectivity cloud — 330+ cities, any cloud, any device, any network

Start an edge project cloudflare.com

Developer platform

Workers, Pages, Durable Objects, and Queues for APIs, SSR, workflows, and real-time apps.

Security & Zero Trust

WAF, DDoS protection, Bot Management, Access, Gateway, and CASB for workforce and app security.

AI

Workers AI, Vectorize, and AI Gateway for model routing, RAG, and agent orchestration at the edge.

Data & storage

R2 object storage, D1 SQL, KV, Hyperdrive, and Pipelines for edge-native data layers.

Smart Shield & delivery

Smart Tiered Cache, connection reuse, optional Argo and Cache Reserve — plus global CDN, DNS, and TLS.

Agent-ready edge

Markdown for Agents, managed Content Signals in robots.txt, and well-known discovery for APIs and skills.

Observability

Analytics, Logs, and tracing across Workers and origin — visibility from edge to core.

How I work Cloudflare

I put products on Cloudflare’s connectivity cloud — Workers and Pages for compute, R2/D1/KV for data, WAF and Zero Trust for security, and agent-ready delivery (Markdown for Agents, Content Signals) when AI clients matter.

Smart Shield, edge AI, and DNS/TLS are part of the same practice: one global network instead of a pile of disconnected vendors.

Workers, Durable Objects, Queues, and Pages for edge apps
Workers AI, Vectorize, and AI Gateway for agent workloads
WAF, Bot Management, Access, and Smart Shield at the origin
Email Routing, DNS, TLS, and observability across the edge

Spatial AI

AI Builder for Home Design

Floor plans, footprint structure, and build-ready specs — starting with AI-assisted residential layouts you can refine and share.

Floor plan footprint diagram showing main living area, outdoor living, and garage dimensions

Shape & structure

Earthy house plan

Total area

6,979 sqft

Heated area

5,256 sqft

Unheated area

1,713 sqft

Garage

862 sqft

Outdoor

851 sqft

Dimensions

91 ft × 117 ft

Ceiling height

10 ft

Stories

Bedrooms

Bathrooms

This expansive 6,979 sqft Earthy house plan features 5 bedrooms and 6 baths. The exterior showcases muted green vertical wood siding, natural stone accents, and a distinctive hip roof, complemented by a welcoming covered porch. Inside, discover a dedicated office, a spacious sunroom, generous outdoor living, a large bar area, and a versatile rec room, offering abundant space for daily living and entertainment.

How I work AI Builder for Home Design

I use spatial AI to turn program requirements into readable floor plans and footprint diagrams — heated vs unheated area, garage, outdoor living, and room-level stats you can review with a client.

The Earthy house plan showcase is the production pattern: structure first, then refine massing and finishes with the same data model.

AI-assisted residential footprints with area and room stats
Shape-and-structure diagrams ready for client review
Path from draft layout toward build-ready documentation
Integrates with labs and Contra product handoff when needed

Shopify · Store building

Shopify APIs, libraries, and tools

Turn fashion and lifestyle store ideas into production Shopify builds — Liquid themes, Storefront and Admin APIs, ShopifyQL analytics, checkout extensions, and agent-ready UCP commerce.

About Shopify APIsAuthentication, versioning, rate limits, and cross-API topics that power every integration — the same reference stack used to launch and grow client stores.

Start project shopify.dev/docs/api

Agent · profile · Shopify via UCP

Technologies that power every store

Full Shopify API reference stack

Every integration below maps to shopify.dev/docs/api — the same stack used to build, launch, and grow client stores.

GET STARTED

Set up your development environment

Essential tools and packages for building on Shopify — CLI, dev stores, libraries, and app scaffolds.

Shopify CLI

Generate apps and extensions, run dev servers, and deploy projects.

React Router app package

Shopify's recommended package for building apps with React Router v7+.

Dev stores

Development stores for testing apps, themes, and checkout flows.

Libraries and templates

API libraries for Ruby, Node, PHP, Go, and .NET plus app templates.

APP DATA AND LOGIC

Read and write store data

Core APIs and backend tools for reading, writing, and reacting to store data in real time.

GraphQL Admin API

Products, customers, orders, inventory, and admin extensions.

Shopify Functions

Customize backend logic for discounts, payments, and delivery.

Events

Subscribe to granular GraphQL Admin object changes.

Webhooks

Listen for store events and trigger your own logic.

Payments Apps API

Manage payments, refunds, and payment apps.

POLARIS · EXTEND SURFACES

Extend every Shopify surface

Interfaces that render natively across admin, checkout, customer accounts, and POS.

App Home

Build and customize your app's home page in the admin.

Admin UI extensions

Deeper integration into the Shopify admin.

Checkout UI extensions

Extend checkout and customize the buyer experience.

Customer account UI extensions

Extensions for customer account pages.

POS UI extensions

POS extensions, loyalty, and product recommendations.

STOREFRONTS

Build custom commerce experiences

Buyer-facing storefronts — headless commerce, themes, identity, and privacy.

Storefront API

Custom shopping experiences for web, mobile, and more.

ShopifyQL

Query store data with an SQL-like language.

Liquid

Build or customize themes with the Liquid template language.

Ajax API

Dynamic elements on online stores with a lightweight JSON API.

Hydrogen framework

Full-stack React storefronts with SSR and hosting.

Hydrogen React library

Cart, Shop Pay, and storefront hooks for any React app.

Storefront Web Components

Embedded HTML components for any website.

Customer Privacy API

Consent and privacy preferences for storefronts.

Customer Account API

Single sign-on customer data across surfaces.

APP MANAGEMENT

Manage and monitor your apps

Automate Partner Dashboard operations and track app behaviour, billing, and usage.

Partner API

Manage apps, payouts, and organizations programmatically.

App Events API

Send events for monitoring or usage charges.

ADDITIONAL APIS

Specialized tools

Complementary APIs for analytics, identity, and wallet checkout.

Multipass

Skip Shopify login for customers signed in on your platform.

Web pixel extensions

Behavioral data for marketing, optimization, and analytics.

Shop Minis

Mini app experiences within the Shop app.

Shop Pay Wallet API

Add Shop Pay checkout to your existing ecommerce site.

Partner apps

Apps we install and recommend

Trusted Shopify partner apps for translation, voice agents, and AI-led conversion — alongside custom theme and API work.

LangShop AI Language Translate

AI-powered storefront translation and localization for multi-market Shopify stores.

View app →

Loop — AI Voice Agents

Voice agents for Shopify — automated calls, support, and conversational commerce flows.

View app →

Hagl

Turns browsers into buyers through the power of AI — on-site conversion and guided shopping.

View app →

Framework · Liquid

Shopify Liquid

Liquid tags, filters, and objects for dynamic themes — sections, snippets, product data, and merchant-ready storefronts across every surface in the Shopify API reference.

{% if product.available %}  {{ product.title | upcase }}{% else %}  Sold out{% endif %}

Analytics · ShopifyQL

ShopifyQL

SQL-like queries over store data — sales, orders, and merchandising insights with the same syntax palette as the Shopify dev reference.

FROM sales
SHOW total_sales, orders
WHERE product_type = 'Fashion'
SINCE -30d

UCP · Agents

Building & growing stores with AI agents

Universal Commerce Protocol (UCP) connects your agent, buyer profile, and Shopify storefront — discovery, carts, checkout handoff, and order tracking through Shopify's agent toolkit. Shopify agents & UCP.

Start project ← Home

How I work Shopify

I build production Shopify stores and apps — Liquid themes, Storefront and Admin APIs, checkout extensions, ShopifyQL analytics, and agent-ready UCP commerce when AI buyers enter the funnel.

Fashion and lifestyle brands get a full path: theme craft, partner apps, custom integrations, and growth surfaces that stay on Shopify’s developer platform.

Liquid themes, sections, and merchant-ready storefronts
Admin / Storefront APIs and checkout extensibility
ShopifyQL analytics and operational reporting
UCP and agent toolkit for AI-assisted discovery and checkout

Rive · Interactive graphics

State machines that run everywhere data lives

High-fidelity Rive scenes wired to live telemetry — one .riv asset across Flutter, Swift, Kotlin, WebGL2, and C++ embedded displays. Design owns the motion; engineering owns the inputs.

Number and boolean State Machine inputs as a strict contract between backend telemetry and visual state
rive_native + Impeller on Flutter for fluid multi-platform shells around the same interactive scene
Native Swift and Kotlin runtimes for OS-level integration without web wrapper overhead
WebGL2 and C++ embedded paths so the same graphic ships to portals and in-home IoT surfaces

Runtime surfaces

FlutterSwiftKotlinWebGL2C++ embedded

Home Energy Dashboard Buy Start a Rive project rive.app

How I work Rive

I treat Rive state machines as a contract between design and engineering — number and boolean inputs driven by live telemetry, one .riv asset across Flutter, Swift, Kotlin, WebGL2, and C++ embedded displays.

The Home Energy Dashboard lab shows the pattern: high-fidelity motion owned by design, inputs owned by the backend, runtimes chosen per surface.

State Machine inputs as a strict telemetry → visual contract
rive_native + Impeller on Flutter multi-platform shells
Native Swift / Kotlin without web-wrapper overhead
WebGL2 and C++ embedded paths for portals and IoT