How to fix Cumulative Layout Shift in Next.js
CLS is caused by content that arrives without reserved space: images, fonts, ads and client-only widgets. How to find each shift and reserve space for it.
5 min read#performance#nextjs#react
#nextjs
9 posts
all#nextjs 9#performance 7#architecture 6#react 5#crm 4#saas 3#seo 3#php 2#ai 2#reliability 1#typescript 1#redis 1#mysql 1#bash 1#devops 1#nodejs 1#real-estate 1#rag 1#geo 1#ai-search 1#postgres 1#web-development 1
Posts tagged nextjs
How to fix Largest Contentful Paint in Next.js
LCP is usually one element and one slow step. How to find both in Next.js: the image, the font, the server response, and the render path that delays them.
5 min read#performance#nextjs#react
A technical SEO checklist for the Next.js App Router
A technical SEO checklist for Next.js: canonical host, metadata, sitemap, robots, structured data, and the checks that catch regressions before they ship.
6 min read#seo#nextjs#performance
Next.js 16 in practice: the changes that actually bit me
Next.js 16 upgrade notes: async params everywhere, typed PageProps, middleware renamed to proxy, a Tailwind 4 gotcha, and the docs inside node_modules.
2 min read#nextjs#react#typescript
Build a technical SEO crawler that thinks like Googlebot
Lessons from building a Node.js SEO crawler with ~100 checks: robots.txt matching is subtle, soft 404s are everywhere, and why every rule needs a source.
2 min read#seo#nodejs#nextjs
Next.js performance: the levers that actually matter
A measurement-driven guide to Next.js performance: Core Web Vitals, shipping less JavaScript, images, fonts, caching and deferring third-party scripts.
6 min read#performance#nextjs#react
Build a RAG chatbot with Next.js, pgvector and an LLM
Build a production RAG chatbot with Next.js, Postgres and pgvector: chunking, retrieval, streaming, and the cost, caching and guardrails tutorials skip.
6 min read#ai#nextjs#rag
How I cut First Contentful Paint on a Next.js blog
How to improve First Contentful Paint in a Next.js app: measuring it, shipping less JavaScript, taming fonts, deferring scripts and serving static HTML.
5 min read#performance#nextjs#react
Next.js App Router caching: the four caches explained
The four caches in the Next.js App Router — Request Memoization, Data, Full Route and Router Cache — explained with code, plus a model for revalidation.
2 min read#nextjs#web-development#performance