Aug 20, 2026· 6 min read
Setting Up Next.js with TypeScript from Scratch
Set up TypeScript in a Next.js project, from the generated tsconfig to typed config and the generated type file.
nextjs
Next.js
Full-stack React framework
167 tutorials
12 of 167 tutorials
Aug 20, 2026· 6 min read
Next.js Development vs Production Mode: What Changes After `next build`
Development mode optimizes for fast feedback, and production mode optimizes for fast page loads. Learn what changes after next build.
nextjs
Aug 23, 2026· 7 min read
How to Fetch Data Based on `searchParams` in Next.js
Read searchParams as a promise in a Server Component to drive filters, sorting, and pagination with server-side fetching.
Data FetchingnextjsRouting
Aug 23, 2026· 7 min read
Streaming in Next.js: How Progressive Rendering Works
Streaming sends HTML to the browser in chunks as each part of a page becomes ready. Learn how Suspense and loading files make it work.
nextjsData Fetchingrendering
Aug 23, 2026· 7 min read
Building Skeleton Loading UI in Next.js
Skeletons mirror the shape of loading content to prevent layout shift. Learn to build them in Next.js with loading files and Suspense fallbacks.
loadingUInextjs
Aug 23, 2026· 7 min read
Client-Side Data Fetching in Next.js with SWR
SWR caches, deduplicates, and revalidates client-side requests. Learn to set up useSWR in a Client Component.
Data Fetchingswrnextjs
Aug 23, 2026· 7 min read
Client-Side Data Fetching in Next.js with TanStack Query
TanStack Query manages server state with a client cache. Learn to set up the provider and use useQuery in a Client Component.
react queryData Fetchingnextjs
Aug 23, 2026· 7 min read
Hydrating Client Caches with Server-Fetched Initial Data
Seed a client data cache with data the server already fetched, so the first render shows content and skips a duplicate request.
nextjsCachingData Fetching
Aug 23, 2026· 7 min read
Handling Fetch Timeouts and Failed Requests in Server Components
Cap slow requests with AbortSignal.timeout and catch failures before they blank the page. Learn the timeout and error handling pattern.
Data FetchingnextjsError Handling
Aug 23, 2026· 8 min read
Static vs Dynamic Rendering in Next.js Explained
How Next.js 16 decides whether a component is rendered at build time or request time, and how Cache Components turn one route into a mix of both.
nextjsrenderingcache components
Aug 23, 2026· 8 min read
PPR vs SSR vs SSG vs ISR in Next.js: Complete Comparison
How Partial Prerendering, server-side rendering, static site generation, and incremental static regeneration differ in Next.js 16, and which to choose.
renderingnextjs
Aug 23, 2026· 8 min read
Incremental Static Regeneration (ISR) in Next.js
How to update static pages without rebuilding the site, using both the Cache Components model and the older revalidate-based ISR in Next.js 16.
nextjsrenderingISR