Added Glossary section with definitions and MDN links for LCP, INP, CLS, FCP, FID, and TTFB.

How I used the Chrome DevTools MCP to trace, diagnose, and fix real performance issues on my photo gallery page — without touching Lighthouse manually.

Performance Tracing with Chrome DevTools MCP and The AI Agent

How I improved Lighthouse performance on image-heavy blog posts using staged optimizations: lazy loading, WebP conversion, and LCP/CLS tuning.

Improving Lighthouse Performance with Image Optimization

Trimmed the 'Adjusting on the Fly' section to remove a verbose paragraph about next-mdx-remote vulnerabilities, cleaned up the comparison table, and added the OG/hero image.

Added coverage of the post-publish npm audit suprise — 21 HIGH severity vulnerabilities from next-mdx-remote v4 and a minimatch ReDoS — integrated into the main narrative rather than a separate postscript.

Fixed typos throughout, added the ArticleNote disclosure that the post was AI-generated, and restructured several paragraphs in the Results and What I Learned sections for clarity.

What it took to go from Next.js 9.5, 136 vulnerabilities, and an abandoned MDX plugin to a fully modern stack with zero vulnerabilities — using AI-assisted development.

All posts / Next.js

Performance Tracing with Chrome DevTools MCP and The AI Agent

Improving Lighthouse Performance with Image Optimization

Upgrading a 4-Year-Old Next.js Blog with AIAI