nextjs-15

Structure Next.js 15 App Router components by rendering server components by default for data fetching and pushing client components to the leaves for interactivity. This pattern optimizes performance by reducing JavaScript shipped to the client.

The best way to handle data fetching in Next.js 15 is using server components with built-in caching and revalidation. This approach optimizes data freshness and load times by fetching data on the server and controlling cache invalidation.

Implement server actions for mutations and route handlers for API endpoints directly within the Next.js 15 App Router. This enforces efficient server-side logic execution and API creation without needing separate API routes.

Yes, you can use Suspense for streaming in Next.js 15 routes to progressively load UI components. This improves user experience by showing fallback content while asynchronous server components fetch data.

Yes, this Next.js 15 skill enforces patterns and conventions for code organization, data flow, and performance optimizations. It guides developers in structuring typical app architectures across routes and layouts effectively.

Use server actions for form submissions to directly mutate state and interact with databases within server components, reducing boilerplate. Route handlers are better suited for exposing distinct HTTP endpoints rather than direct UI mutations.