HomeAboutProjectsSkillsContactSay hi →
// NODE_STATUS:ONLINE// LOC:MUSCAT, OM// CORE_STACK:NEXT.JS / GO / POSTGRES// SYSTEM_LOAD:RX-9950X_OVERCLOCKED// SERVER_LOAD:i9-12900K_OPTIMIZED// SECURITY_PROTOCOL:TOBEY_ACTIVE// CURRENT_TASK:RESEARCH_MIGRATION// UPTIME:27_YEARS// INFRA:PROXMOX_CLUSTERING// NODE_STATUS:ONLINE// LOC:MUSCAT, OM// CORE_STACK:NEXT.JS / GO / POSTGRES// SYSTEM_LOAD:RX-9950X_OVERCLOCKED// SERVER_LOAD:i9-12900K_OPTIMIZED// SECURITY_PROTOCOL:TOBEY_ACTIVE// CURRENT_TASK:RESEARCH_MIGRATION// UPTIME:27_YEARS// INFRA:PROXMOX_CLUSTERING
→ Status: Beta

Wolfolio

Next.jsPayload (CMS)TailwindPostgresTypescript
Wolfolio Hero Image

Wolfolio is a high-performance, CMS-driven digital identity engineered to showcase complex system architecture through a distinct Neubrutalist lens. It serves as both a public-facing portfolio and a display of technical capabilities.

Project Details: Wolfolio

The Context

Most developer portfolios are static brochures. I wanted to build a living, breathing reflection of how I architect high-stakes digital ecosystems. Wolfolio was conceptualized to break away from minimalist web-dev tropes and embrace a System Architect aesthetic: high-density information, terminal-inspired logging, and unapologetic Neubrutalist design.

Type-Safe Content Delivery Pipeline

Bridging a CMS to a frontend often introduces type vulnerabilities. By utilizing Payload CMS alongside Next.js, I established a strict, end-to-end type-safe pipeline. Every component, from the ChunkyButton to the multi-layered FeatureGrid consumes strictly typed data directly from the database schema, eliminating runtime errors and ensuring complete structural integrity across the entire application.

Technical Highlights

swipe to explore →
Expand View +
Wolfolio Homepage
LOG: Landing Page
Expand View +
About Section
LOG: Who am I?
Expand View +
Projects Section
LOG: What have I done?
Expand View +
Skills section
LOG: What am I capable of?
The Impact

By treating a personal portfolio as a production-grade enterprise system, I engineered a zero-friction content delivery pipeline that merges strict backend type-safety with a highly interactive, hardware-accelerated front-end, successfully translating complex architectural logic into a tangible brand identity.