Next.jsAdvanced
Next.js Analytics and MonitoringCheatsheet
Track page views, Web Vitals, and errors in Next.js with analytics and monitoring tools.
Build / Code
Code Cheatsheets
One-page quick reference sheets on code. Clear, example-driven build help when you need it.
All Code Cheatsheets
Category:
Next.jsIntermediate
Next.js API Routes PatternsCheatsheet
Apply common API patterns in Next.js route handlers: validation, auth, CORS, errors, and webhooks.
Next.jsIntermediate
Next.js API RoutesCheatsheet
Build API endpoints in Next.js with route handlers that read requests and return JSON responses.
Next.jsIntermediate
Next.js App RouterCheatsheet
Build routes, nested layouts, and loading states with file-based routing in the Next.js App Router.
Next.jsIntermediate
Next.js Caching and RevalidationCheatsheet
Cache data in Next.js with use cache, set lifetimes, and refresh it on demand with tags.
Next.jsIntermediate
Next.js Compiler and TurbopackCheatsheet
Understand how Next.js builds your code with Turbopack, SWC compiler options, and the React Compiler.
Next.jsIntermediate
Next.js ComponentsCheatsheet
Decide between Server and Client Components, and place the client boundary to keep pages fast.
Next.jsIntermediate
Next.js Database IntegrationCheatsheet
Connect a database to Next.js, query it in Server Components, and write with Server Actions.
Next.jsIntermediate
Next.js DeploymentCheatsheet
Deploy a Next.js app to Vercel, a Node.js server, a Docker container, or static hosting.
Next.jsBeginner
Next.js DirectivesCheatsheet
Use the use client, use server, and use cache directives to control where code runs.
Next.jsBeginner
Next.js Environment VariablesCheatsheet
Manage environment variables in Next.js with env files, the NEXT_PUBLIC prefix, and runtime access.
Next.jsIntermediate
Next.js Error HandlingCheatsheet
Handle errors in Next.js with error boundaries, custom 404 pages, and safe form error messages.
Next.jsIntermediate
Next.js Data FetchingCheatsheet
Fetch data in Server Components, run requests in parallel, and load data on the client when needed.
Next.jsBeginner
Next.js File StructureCheatsheet
Organize a Next.js project with the app folder, route groups, private folders, and colocated files.
Next.jsBeginner
Next.js Font OptimizationCheatsheet
Load web fonts in Next.js with next/font for fast pages and no layout shift.
Next.jsBeginner
Next.js Getting StartedCheatsheet
Set up a Next.js project, add pages and layouts, and run the dev server in minutes.
Next.jsBeginner
Next.js Image OptimizationCheatsheet
Optimize images in Next.js with the Image component for faster pages and stable layouts.
Next.jsBeginner
Next.js Link and NavigationCheatsheet
Use the Link component, useRouter, and redirects for fast navigation between pages in Next.js.
Page 1 of 7 (120 total)
...