← Back to TOMY

Tomy Lim Portfolio

Technical Marketing Strategist2026
[Next.js 16][Sanity CMS][TailwindCSS v4][UX/UI Engineering]

First Principles

"The Challenge: Static resumes fail to show real technical skills. The Solution: Built a website using google analytics with tracking foundation, serverless tech stack to prove hands-on capability."

I built this portfolio to solve a major problem: standard portfolios are flat, static resumes that hide true technical ability. Having spent five years building independent projects, I wanted a live, high-performance site to actively prove my GTM tag setups, analytics skills, and systems-thinking. By bypassing rigid drag-and-drop website builders, I custom-engineered a premium site using Next.js and Sanity CMS to demonstrate high-leverage growth infrastructure.


graph TD
    %% Styling
    classDef default fill:#111,stroke:#333,stroke-width:1px,color:#fff;
    classDef cms fill:#222,stroke:#FF9500,stroke-width:1.5px,color:#FF9500;
    classDef web fill:#222,stroke:#007AFF,stroke-width:1.5px,color:#007AFF;
    classDef pipeline fill:#222,stroke:#34C759,stroke-width:1.5px,color:#34C759;

    subgraph Stack ["$0/Month Stack"]
        A["Sanity CMS API"] -->|GROQ Engine| B("Next.js App Router")
        B -->|Vercel Serverless Hosting| C("Active Storefront")
    end

    subgraph Analytics ["GTM Analytics Setup"]
        C -->|User Interaction| D["Google Tag Manager / GA4"]
    end

    subgraph Conversion ["User Action"]
        D --> F["Download Resume PDF"]
        D --> G["Contact / Inbound"]
    end

    class A,B,C cms;
    class D web;
    class F,G pipeline;

01 / The Core Mission

Live GTM & Tagging Deployment

To back up five years of independent building with undeniable proof, I turned my entire portfolio into a live data environment. By integrating Google Tag Manager, custom data layers, and GA4 events directly into the codebase, I let users inspect my tracking setups in real-time to immediately verify my analytics competency.

02 / Backend Stack Win

Lean $0/Month Infrastructure

I avoided expensive drag-and-drop templates to build a highly optimized, developer-grade architecture. By integrating a Sanity CMS backend, Next.js serverless rendering, Loops email forms, and Vercel hosting, I built a premium, custom platform with $0 in monthly operating overhead.

03 / Return Loop Win

Strategic Journal & Content Loop

I built a technical blog directly into the site schema focusing on AI, automation, and marketing. This content engine moves beyond one-off resume views, creating a continuous return loop that offers long-term, compound value to founders, growth marketers, and systems engineers.

04 / Funnel Win

Direct Conversion Architecture

I designed the user flow of this site to guide visitors straight toward clear conversion endpoints. Every element is structured to funnel clean data signals into two specific, high-intent user actions: capturing immediate consulting inquiries through the contact terminal, or driving friction-free downloads of my comprehensive professional resume.

System Stack

Core Engine
Next.js 16 & React 19
Sanity Studio v3
Data/Tracking
GTMAPI
Operations
Automated Local File Pipeline
UX / UI Design
TailwindCSS v4
Tomy Lim Portfolio - Technical Marketing Strategist | Tomy Vichrak Lim Portfolio