Performance
Why Core Web Vitals Matter More Than You Think
Breaking down LCP, INP, and CLS — and why improving them is both a user experience and business decision.
Apr 20256 min read
Available for new opportunities
Nawarit
Longkhum
Software Engineer
Frontend developer with 3+ years of experience building fast, user-focused web experiences. Expert in React, Next.js, and Angular — obsessed with clean interfaces and the details that make products feel right.
</>
Scroll
AboutBuilding with intention,
Building with intention,
shipping with care.
I'm a Frontend Developer based in Bangkok with expertise in Angular and React. I have a strong understanding of integrating RESTful APIs and managing state using tools like useContext and Redux.
I use Figma for designing and prototyping user-friendly interfaces, ensuring responsive web development with frameworks like Tailwind CSS and Shadcn UI. I have knowledge of SEO principles to optimize web applications for better search engine performance.
I hold a Master's degree in Digital Business Information System from KMUTT and continuously push to sharpen my craft.
Focus
Frontend & UX
Location
Bangkok, TH
Availability
Open to work
Experience
3+ years
Technologies
HTML / CSSAngularReactNext.jsTypeScriptBootstrapNg BootstrapMaterial UIAnt DesignShadcn / TailwindFigmaREST APIsGitSEO
✦
“The best interface is one the user never has to think about — it just works, fast, clearly, and without friction.”
What I doFocused on the frontend,
Focused on the frontend,
end to end.
Frontend Development
Building scalable React, Next.js, and Angular applications with TypeScript. Clean component architecture, reusable patterns, and maintainable codebases.
UI Implementation
Translating Figma designs into pixel-perfect interfaces. Attention to spacing, typography, and interaction states that bring designs to life.
Performance Optimization
Auditing and improving Core Web Vitals, bundle sizes, and render performance. Making sites that feel instant.
Responsive Design
Mobile-first layouts that work seamlessly across every screen size. Fluid typography, adaptive grids, and touch-friendly interactions.
SEO & Web Vitals
Implementing technical SEO foundations — semantic HTML, meta strategy, structured data, and performance metrics that improve ranking.
Component Systems
Designing and building UI component libraries with Shadcn, Ant Design, and Material UI that keep products consistent and development fast.
Experience
Where I've worked
Software Engineer
Golfdigg Co., Ltd.
Bangkok, THAug 2021 — Present
- Frontend Developer with expertise in Angular and React, building and maintaining production web applications
- Strong understanding of integrating RESTful APIs and managing state using useContext and Redux
- Used Figma for designing and prototyping user-friendly interfaces with responsive web development
- Applied Tailwind CSS, Shadcn UI, Ant Design, and Material UI across multiple product teams
- Applied SEO principles to optimize web applications for better search engine performance
System Analyst Intern
Bangkok Web Solution
Bangkok, THJun — Jul 2019
- Met with customers to gather requirements and summarized key points for the development team
- Created UX/UI designs using Figma based on customer needs and user flows
- Assigned and coordinated tasks for the programming team
- Drew sequence diagrams, activity diagrams, and data flow diagrams to document system behavior
Education
Academic background
Master of Science — Digital Business Information System
King Mongkut's University of Technology Thonburi
Bachelor of Engineering — Computer Engineering (CPE)
King Mongkut's University of Technology Thonburi
Selected Work
Recent projects
Product
Golf Booking Platform
ProductFull-featured golf course booking system with real-time availability, tee time management, and multi-step checkout. Built for Golfdigg with Angular and React.
AngularReactTypeScriptREST API
Internal
Admin Dashboard
InternalInternal management dashboard for operations teams — booking management, user analytics, and reporting. Replacing fragile spreadsheet workflows.
ReactTypeScriptAnt DesignTailwind CSS
Marketing
Marketing Website
MarketingHigh-performance marketing site with SEO optimization, responsive layouts, and modern UI components. Focused on conversion and brand visibility.
Next.jsTailwind CSSShadcn UISEO
Library
Component Library
LibraryReusable UI component library built with Shadcn and Tailwind CSS, used across multiple product teams to ensure consistency and speed up development.
ReactShadcn UITailwind CSSTypeScript
Writing
All postsThoughts & notes
Architecture
Building a Component Library That Doesn't Get in Your Way
Lessons from designing and maintaining a shared component system across multiple product teams.
Mar 20258 min read
Next.js
Next.js App Router: What Changed in My Workflow
An honest look at the new patterns, what improved, what surprised me, and what I'd do differently.
Feb 20257 min read
SEO
SEO for Frontend Developers: The Basics That Actually Matter
Skipping the fluff — here are the technical SEO fundamentals every frontend dev should know cold.
Jan 20255 min read
PhilosophyI believe good software is
I believe good software is
quiet — it just works.
The best products don't show off. They stay out of the user's way, respond instantly, and make every task feel obvious. That's the standard I hold myself to on every project.
Clarity
Code and interfaces should be immediately understandable — no guessing, no confusion.
Performance
Speed is a feature. Every millisecond saved is respect for the user's time.
Usability
Products should feel effortless. Friction is a bug, not a design choice.
Maintainability
Write for the next developer. Simple, well-named, predictable code ages well.
ContactLet's build something
Let's build something
worth using.
I'm open to full-time roles and freelance projects. If you have something interesting in mind, I'd love to hear about it.