Backend · Learning hub

Next.js cheat sheet & developer notes

Next.js cheat sheet and 6 curated developer notes — core concepts, patterns, and interview prep. Maintained by the DevRecall team.

Save this stack to your DevRecall Test yourself — Next.js quiz More Backend notes

01 · Next.js

Next.js API Routes & Server

Next.js API Routes & Server. Route Handlers (App Router). // app/api/users/route.ts import { NextRequest, NextResponse } from 'next/server'; export async function GET(req: NextRequest) { const { searchParams } = req.next…

Read

02 · Next.js

Performance & Optimization

Next.js Performance & Optimization. Image Optimization. import Image from 'next/image'; // Optimized images with automatic sizing export default function Page() { return ( <div> {/* Local image */} <Image src="/hero.jpg"…

Read

03 · Next.js

Server Components & App Router

Next.js Server Components & App Router. The App Router (introduced in Next.js 13) brings a new paradigm with React Server Components, streaming, and simplified data fetching.. File-based Routing. // App Router structure …

Read

04 · Next.js

Data Fetching Patterns

Next.js Data Fetching Patterns. Next.js provides multiple patterns for fetching data: Server Components, Route Handlers, Server Actions, and client-side fetching.. Server Component Data Fetching. // app/posts/page.tsx ex…

Read

05 · Next.js

API Routes & Middleware

Next.js API Routes & Middleware. Next.js allows you to build API endpoints as part of your application using Route Handlers in the App Router.. Route Handlers. // app/api/users/route.ts import { NextRequest, NextResponse…

Read

06 · Next.js

Interview Questions

Next.js Interview Questions. Fundamentals. 1. What is Next.js?. Next.js is a React framework for building full-stack web applications. It provides features like file-based routing, Server Components, API routes, optimize…

Read