A behind-the-scenes look at the technologies, tools, and decisions that power this portfolio.
Note: This page documents the architecture and tech stack — a reference for developers and a transparent look at how this site is built.
Core UI technologies
App Framework
Server-side rendering, static generation, and API routes in one framework
UI Library
Component-based architecture with React 19 Server Components
Type Safety
Catches errors at compile time, improves developer experience
Styling Engine
Utility-first CSS with dark mode, responsive design, and zero runtime cost
Animation
Fluid animations with accessibility-aware reduced motion support
Multi-language support
i18n Framework
Type-safe translations with next-intl for App Router
Languages
Full English and Thai translations across all pages and metadata
Hosting and deployment
Hosting
Zero-config deployment with automatic CI/CD from Git
Runtime
Edge functions for API routes and dynamic image generation
Generation
372+ pre-rendered pages for instant load times and SEO
AI-powered development
Tool Integration
Custom MCP servers connecting AI to Cloudflare, Supabase, Vercel, and more
Development
AI-assisted coding with Claude and Cursor for rapid iteration
Search optimization and accessibility
Structured Data
JSON-LD schemas on every page for rich search results
Accessibility
Skip links, reduced motion support, semantic HTML, and keyboard navigation
Guiding principles
This portfolio follows a sketchbook aesthetic — hand-drawn frames, sticky notes, and notebook textures. It's designed to feel personal, approachable, and uniquely human in a sea of corporate templates.
This portfolio is open source. Feel free to explore the codebase for learning or inspiration. Built with care in Bangkok, Thailand.