Tag: Next.js
10 posts
-
Next.js 15 Internals: App Router vs Pages Router, RSC, Rendering Decisions and the Four Caches
Deep dive into Next.js 15: App Router vs Pages Router, Server Components, static/dynamic rendering, Router/Data/Full Route caches, and production-ready.
-
tRPC: End-to-End Type Safety Without Codegen, and Where the Types Stop Protecting You
How tRPC shares types between a TypeScript server and client through inference, how to set up routers, context, and auth middleware in Next.js, and the gaps: Dates arriving as strings, runtime validation, batching, versioning, and non-TypeScript clients.
-
Turbopack in Next.js: Incremental Computation, What It Supports and How It Compares to Webpack
What Turbopack changes in Next.js dev builds: incremental computation, CSS and Tailwind support, gaps compared with webpack, and how to migrate safely.
-
Background Jobs and Workflows with Inngest: Steps, Fan-Out, Retries, Concurrency and Cron
Background jobs and multi-step workflows with Inngest: per-step retries, fan-out, concurrency and rate limits, cron schedules and an LLM pipeline example.
-
Next.js App Router: Server Components, Server Actions, Streaming and Parallel Routes
How the Next.js App Router works: file conventions, the server/client boundary, secure Server Actions, streaming, and parallel and intercepting routes.
-
Next.js Performance: Measure First, Then Images, Bundle Splitting, Caching and Core Web Vitals
Speed up Next.js by measuring with the bundle analyzer first, then optimizing images, splitting bundles, tuning App Router caching, and fixing LCP, CLS and INP.
-
JWT Authentication in Node.js: Refresh Token Rotation, HttpOnly Cookies and Revocation
Implement JWT authentication in Node.js and Next.js: short-lived access tokens, rotating refresh tokens with reuse detection, HttpOnly cookie storage, CSRF, Redis revocation, and when sessions are the better choice.
-
Next.js App Router: SSR vs SSG vs ISR
How Next.js App Router decides between static, dynamic, and incrementally revalidated rendering: fetch cache options, Route Segment Config, generateStaticParams, on-demand revalidation, and the pitfalls behind stale or leaked data.
-
Adding Auth to Next.js with Clerk: clerkMiddleware, Protected Routes, Webhooks and Orgs
Clerk auth in a Next.js App Router app with @clerk/nextjs v7: clerkMiddleware, auth.protect(), the Show component, verified webhooks for user sync and org roles.
-
Next.js App Router SEO: What Crawlers Actually Receive from SSG, ISR and SSR
How App Router rendering and caching shape what crawlers see: fetch defaults, revalidateTag, metadata streaming, 404 status codes, canonicals and sitemaps.