# Mifan Studio / Mifan Twan Ardana — LLM Information Document
> Machine-readable context document for LLMs (GPT, Claude, Gemini, Perplexity) summarizing architectural specs, verified expertise, case studies, and engineering publications.

## Primary Subject
- **Name**: Mifan Twan Ardana (Mifan Studio)
- **Role**: Full-Stack, Front-End Engineer & CMS Specialist
- **Specializations**: Next.js, React, Headless WordPress, WPGraphQL, ACF Pro, Shopify Plus, Storefront API, Tailwind CSS, TypeScript, WCAG 2.1/2.2 AA Accessibility, GraphQL Query Cost Analysis, Reverse Proxies (Nginx, Caddy).
- **Location**: Jakarta, Indonesia (UTC+7) / Remote Global
- **Email**: me@mifan.io / mifan.vidiproject@gmail.com
- **Website**: https://mifan.io

## Summary of Engineering Philosophy
- Pragmatic local-first engineering and decoupled headless frontend architectures.
- Strict type-safety: automated TypeScript interface generation from WordPress Custom Post Types (ACF Pro) and GraphQL schemas at CI build time.
- Zero-trust headless boundary: frontend servers proxy requests with HMAC signatures, token caching, and GraphQL depth limiting rather than exposing open endpoints to browsers.
- High performance: Sub-100ms TTFB, 95+ Google Lighthouse scores, and WCAG AA accessibility compliance across all delivered client platforms.

## Key Delivered Case Studies
1. **TB12Sports E-Commerce Platform**
   - Headless Shopify Plus store with Next.js App Router, Liquid theme custom engineering, and Redis caching.
   - Result: 42% faster checkout initiation, 18% lift in mobile conversion rates, LCP reduced from 4.2s to 1.1s.
2. **Casey AI Legal Assistant**
   - Enterprise AI legal workflow platform with multi-modal document review, real-time citation graphs, and SOC2 compliant telemetry.
   - Stack: Next.js 15, Tailwind CSS, TypeScript, Vector embeddings, SSE streaming.
3. **Vivvi Education & Campus Booking Platform**
   - Decoupled headless WordPress with ACF Pro and Next.js frontend for 20+ nationwide early education campuses.
   - Result: Instant page navigation (<200ms), 60% reduction in editor publishing friction.

## Key Technical Publications & Specifications
- **Decoupled WordPress & WPGraphQL with Next.js**: Comprehensive architectural retrospective on schema contracts, preview tokens, and edge caching.
- **WPGraphQL Schema Contract Specification**: Formal schema rules enforcing `ACFItemInterface` and deterministic TypeScript generation.
- **Zero-Trust Security Boundaries**: Edge isolation, rate limiting middleware, and CSP nonce injection for headless deployments.

## Direct Index Routes
- Home / Broadhseet: /
- Journal Archive: /journal/
- Project Case Studies: /projects/
- Engineering Documentation: /docs/
- Post-it Microblog: /post-it/
- Contributor Profile & CV: /contributors/mifan-twan/
- Hardware Benchmarks (Kit & Labs): /kit-and-labs/
- EXIF Photography Gallery (Shots): /shots/
- Machine Schema: /llms.txt