Skip to content

Topic · 57 articles

Next.js

The App Router, server components, and rendering strategy.

Next.js is how I take React to production. This hub covers the App Router in practice: server versus client components, data fetching and caching, the SSR/SSG/ISR trade-offs, route handlers and server actions, and the SEO and performance work that a marketing or product site actually needs.

It connects to the React, TypeScript, and Node.js hubs, and much of it comes from the React & Next.js Complete Guide series.

Subscribe to Next.js via RSS

All Next.js articles

A React and Next.js Production Checklist — Aman Kumar Singh
Deploying a Next.js App — Aman Kumar Singh
Error Handling and Loading States — Aman Kumar Singh
Core Web Vitals for React Apps — Aman Kumar Singh
Image and Asset Optimization — Aman Kumar Singh
Internationalization (i18n) in Next.js — Aman Kumar Singh
Dark Mode Done Properly — Aman Kumar Singh
Design Tokens and Theming — Aman Kumar Singh
Building a Design System — Aman Kumar Singh
An Enterprise Folder Structure for Next.js — Aman Kumar Singh
End-to-End Testing with Playwright — Aman Kumar Singh
Testing React Components — Aman Kumar Singh
Building Tables and Data Grids — Aman Kumar Singh
Charts and Data Visualization in React — Aman Kumar Singh
Animations with Framer Motion — Aman Kumar Singh
Keyboard Navigation and Focus Management — Aman Kumar Singh
Accessibility in React Apps — Aman Kumar Singh
Zustand for Client State — Aman Kumar Singh
Choosing a State Management Approach — Aman Kumar Singh
Form Validation with Zod — Aman Kumar Singh
Building Forms in React — Aman Kumar Singh
Mutations and Optimistic Updates — Aman Kumar Singh
Data Fetching with React Query — Aman Kumar Singh
Protecting Routes with Middleware — Aman Kumar Singh
Show all 57 articles
Authentication in Next.js — Aman Kumar Singh
Building a UI with shadcn/ui — Aman Kumar Singh
Styling with Tailwind CSS — Aman Kumar Singh
Rendering Strategies: SSR, SSG, and ISR — Aman Kumar Singh
SEO with the Next.js Metadata API — Aman Kumar Singh
Server Actions for Mutations — Aman Kumar Singh
Route Handlers and APIs in Next.js — Aman Kumar Singh
Caching and Revalidation in Next.js — Aman Kumar Singh
Data Fetching in the App Router — Aman Kumar Singh
Client Components and When to Use Them — Aman Kumar Singh
Server Components in Practice — Aman Kumar Singh
The Next.js App Router Explained — Aman Kumar Singh
Error Boundaries and Suspense — Aman Kumar Singh
Compound Components and Slots — Aman Kumar Singh
React Component Patterns — Aman Kumar Singh
Code Splitting and Lazy Loading — Aman Kumar Singh
Avoiding Unnecessary Re-Renders — Aman Kumar Singh
React Performance Optimization — Aman Kumar Singh
Using React Context the Right Way — Aman Kumar Singh
Custom Hooks Worth Writing — Aman Kumar Singh
useRef and Working with the DOM — Aman Kumar Singh
useMemo and useCallback, When They Help — Aman Kumar Singh
useEffect Without the Footguns — Aman Kumar Singh
useState and useReducer Patterns — Aman Kumar Singh
Understanding React Hooks in Depth — Aman Kumar Singh
React Fundamentals for Professionals — Aman Kumar Singh
Performance Tuning Before Launch — Aman Kumar Singh
Designing the SaaS Dashboard — Aman Kumar Singh
A Folder Structure That Scales for Full Stack SaaS — Aman Kumar Singh
Managing Environment Variables and Secrets — Aman Kumar Singh
Setting Up Your Next.js App the Right Way — Aman Kumar Singh
Setting Up a Monorepo with Turborepo — Aman Kumar Singh
Choosing the Right Tech Stack for Your SaaS (Without Overthinking It) — Aman Kumar Singh

Frequently asked questions

Do these Next.js articles use the App Router or the Pages Router?

The App Router. The coverage is built around server components, layouts, route handlers, and server actions — the modern Next.js model — rather than the older Pages Router.

Which Next.js rendering strategy should I use?

It depends on the data. The articles work through SSR, SSG, and ISR and when each fits — static generation for content that rarely changes, server rendering for per-request data, and incremental regeneration for the middle ground.