Home/Tags/Next.js

#Next.js

Collection

This aggregates CodeNodeX AI community articles and discussions related to Next.js, covering concept explanations, tool comparisons, engineering practices, common issues, and indie hacking experience.

If you're researching Next.js, start with high-quality long-form articles, then join post discussions for a complete understanding-to-practice path.

@admin·4 min read·Web Development

Build AI Apps with Next.js 16: Server Actions and Streaming Output

AI apps must call LLMs securely, stream tokens to the frontend in real time, and manage session state. This guide uses Next.js 16 App Router, Server Actions, and AI SDK to implement a clean, streamable AI chat page ready for production.

#Next.js #React♥ 100 comments
@admin·13 min read·Web Development

Next.js Server Components: A Deep Dive

Server Components power the App Router, but their boundary with Client Components is often misunderstood. This guide explains how RSC works, when to use 'use client', server-to-client data flow, caching, Suspense streaming, and common mistakes such as marking everything as client code or using browser APIs on the server.

#Next.js #React♥ 200 comments
@admin·9 min read·Web Development

Advanced TypeScript Types in Practice

Writing an interface does not mean you understand TS. This article covers conditional and mapped types, infer, template literal types, the limits of type gymnastics, and practical patterns for API response inference, type-safe routing, and props autocomplete, turning TS from “annoying to write” into a bug catcher.

#Next.js #TypeScript♥ 210 comments
@admin·13 min read·Web Development

Practical React Performance Optimization

Most React slowdowns come from unnecessary re-renders. Learn the right order: measure with Profiler, then optimize; use memo/useMemo/useCallback correctly; improve keys and lists, split state, use concurrent features, and avoid premature optimization.

#Next.js #React♥ 220 comments
@admin·9 min read·Web Development

Core Web Vitals and Frontend Performance Optimization

Core Web Vitals are more than SEO metrics; they quantify real user experience. This article explains what LCP, INP, and CLS measure, why they matter, how to measure them with Lighthouse, real-user data, and PSI, and how to improve images, fonts, JavaScript, layout stability, and interaction responsiveness.

#Next.js #React♥ 240 comments