Frontend & UI
11 posts tagged #nextjs on DiCodeWeb, from fundamentals to production, newest first.
11 postsUpdated Oct 27, 2026
How to read a bundle analyzer in 2026 (next analyze, rollup-plugin-visualizer, source-map-explorer), how tree shaking really works with ESM, sideEffects, barrel files and CommonJS, the usual traps like moment and lodash, duplicate dependencies, polyfills, and bundle budgets in CI with size-limit.
"use client" doesn't mark a kind of component; it marks where the client graph begins. This post rebuilds the mental model for RSC in Next.js 16: what crosses the boundary, where data fetching belongs, waterfalls, streaming, and the mistakes that bloat bundles or leak data.
How streaming HTML works at the protocol level, where to put Suspense boundaries, avoiding waterfalls, selective hydration, Partial Prerendering in Next.js 16, the effect on TTFB, LCP and CLS, proxies that silently buffer your stream, and handling errors after a 200 has already gone out.
Next.js 16 drops the implicit caching of the old App Router: everything is dynamic by default and you opt in with use cache. This post covers the static shell and dynamic holes, cache keys, cacheLife, cacheTag with updateTag, revalidateTag and refresh, and an e-commerce product page built end to end.
How View Transitions snapshot the page and build a pseudo-element tree, startViewTransition in an SPA, transitions between documents, view-transition-name, view-transition-class and types, a list-to-detail shared element, reduced motion, performance traps, and using React's ViewTransition component in Next.js 16.
React's escaping does a lot for you, but not everything. This post walks through the XSS holes React doesn't cover, building a strict nonce-based CSP in Next.js, Trusted Types, CSRF in the SameSite era, where to store tokens, and how to stop clickjacking.
When state belongs in the URL rather than useState or a server cache, parsing and validating search params with a schema, push vs replace, debouncing a search box, syncing with the Next.js 16 App Router, nuqs, and the back-button and SEO traps.
What React Compiler actually does, the Rules of React it relies on, the ESLint plugin, incremental rollout with annotation mode and "use no memo", what to do with existing useMemo/useCallback, how to verify it works, common bailouts, third-party libraries and build cost.
Three Next.js apps, five shared packages, one lockfile. Notes on boundaries, caching and the mistakes I'd skip next time.
Cache-Control, ETags, hashed filenames, s-maxage and stale-while-revalidate at the CDN, service workers, staleTime in TanStack Query — what each cache layer does, which headers to set for each resource type, and the mistakes that leave users looking at stale data.
React 19 brings forms closer to plain HTML: the action prop, pending state, optimistic updates and Server Actions. This post walks through how I build a complete signup form — validated on both sides, with per-field errors, accessible, and working even before JavaScript loads.