Optimizing LCP in Next.js without Sacrificing DX
A practical playbook: reduce critical request chaining, prioritize the hero image, and cut JS payload while keeping code clean.
ReadComputer Science sophomore at Sungkyunkwan University. I build clean, minimal products with strong engineering fundamentals. This portfolio highlights my coding projects, technical skills, and open-source work.
A curated set of builds that demonstrate engineering depth: clean architecture, performance, and real-world UX. Each card includes a live demo and repository link (placeholders by default).
A modern blog with auth, profiles, comments, infinite feed, and a clean dark UI. Focused on caching, DX, and maintainability.
Community features with real-time feed, push notifications, image uploads, and localization. Built with a reusable UI system.
Socket programming exercises focusing on correctness, process control, and robust I/O with clear logging and test cases.
A reproducible notebook for cleaning, exploratory analysis, feature engineering, and baseline model training with clear visuals.
Practical improvements: reduce JS payload, improve image strategy, and prevent critical request chaining. Documented with metrics.
Small tools that remove friction: naming conventions, workflow helpers, and scripts with safe defaults and clear docs.
Proficiency indicators are approximate and intended to communicate relative strength. Adjust levels to match your current skill.
Technical articles, build logs, and engineering notes. You can link to a real blog platform later—this section works as a landing area.
A practical playbook: reduce critical request chaining, prioritize the hero image, and cut JS payload while keeping code clean.
ReadCommon failure modes: blocking reads, half-closed connections, ordering assumptions, and how to log and reproduce issues.
ReadA concise reference for filters, pagination, relations, and safe update flows—optimized for real-world app code.
Read