TAH_CARTRIDGE
FORMAT: text/plain
VERSION: 1
GENERATED_AT: 2026-07-08T22:49:19.612Z
SLUG: web-1779060034
TITLE: Next.js documentation
CANONICAL_TITLE: Web 1779060034
TYPE: hat
DOMAIN: AI & Learning
FORMAT: memoria-pair
SHARDS: 6
BYTES: 976
SOURCE: web_1779060034.hat
QUERY_SEED: Next.js documentation
SUMMARY: Menu Using App Router Features available in /app Latest Version 16.2.6 For an index of Next.js documentation , see /docs/llms.txt . Next.js Docs Welcome to the Next.js documentation! What is Next.js? Next.js is a React framework for buildin
HTML: https://www.sunsetpulse.app/tah/web-1779060034
HEADLESS: https://www.sunsetpulse.app/tah/web-1779060034/headless
JSON_INDEX: https://www.sunsetpulse.app/tah/index.json
QUERY_API: https://www.sunsetpulse.app/api/tah?q=Next.js%20documentation&limit=10
META_API: https://www.sunsetpulse.app/api/tah/web-1779060034/meta

PREVIEW_SHARDS:
[0]
SCORE: 37.1240
SOURCE: web_1779060034.hat
TEXT:
Menu Using App Router Features available in /app Latest Version 16.2.6 For an index of Next.js documentation , see /docs/llms.txt . Next.js Docs Welcome to the Next.js documentation! What is Next.js? Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. It also automatically configures lower-level tools like bundlers and compilers. You can instead focus on building your product and shipping quickly. Whether you're an individual developer or part of a larger team, Next.js can help you build interactive, dynamic, and fast React applications. How to use the docs The docs are organized into 3 sections: Getting Started : Step-by-step tutorials to help you create a new application and learn the core Next.js features. Guides : Tutorials on specific use cases, choose what's relevant to you. API Reference : Detailed technical reference for every feature. Use the sidebar to navigate through the sections, or search ( Ctrl+K or Cmd+K ) to quickly find a page. App Router and Pages Router Next.js has two different routers: App Router : The newer router that supports new React features like Server Components. Pages Router : The original router, still supported and being improved. At the top of the sidebar, you'll notice a dropdown menu that allows you to switch between the App Router and the Pages Router docs. React version handling The App Router and Pages Router handle React versions differently: App Router : Uses React canary releases built-in, which include all the stable React 19 changes, as well as newer features being validated in frameworks, prior to a new React release. Pages Router : Uses the React version installed in your project's package.json . This approach ensures new React features work reliably in the App Router while maintaining backwards compatibility for existing Pages Router applications. Pre-requisite knowledge Our documentation assumes some familiarity with web development. Before getting started, it'll help if you're comfortable with: HTML CSS JavaScript React If you're new to React or need a refresher, we recommend starting with our React Foundations course , and the Next.js Foundations course that has you building an application as you learn. Accessibility For the best experience when using a screen reader, we recommend using Firefox and NVDA, or Safari and VoiceOver. Join our Community If you have questions about anything related to Next.js, you're always welcome to ask our community on GitHub Discussions , Discord , X (Twitter) , and Reddit . Next Steps Create your first application and learn the core Next.js features. Getting Started Learn how to create full-stack web applications with the Next.js App Router. Was this helpful? supported. Send

[1]
SCORE: 37.1240
SOURCE: web_1779060034.hat
TEXT:
Menu Using App Router Features available in /app Latest Version 16.2.6 This page is also available as Markdown at /docs/app/getting-started.md . For an index of Next.js documentation , see /docs/llms.txt . Copy page Getting Started Last updated May 13, 2026 Welcome to the Next.js documentation! This Getting Started section will help you create your first Next.js app and learn the core features you'll use in every project. Pre-requisite knowledge Our documentation assumes some familiarity with web development. Before getting started, it'll help if you're comfortable with: HTML CSS JavaScript React If you're new to React or need a refresher, we recommend starting with our React Foundations course , and the Next.js Foundations course that has you building an application as you learn. Next Steps Installation Learn how to create a new Next.js application with the `create-next-app` CLI, and set up TypeScript, ESLint, and Module Path Aliases. Project Structure Learn the folder and file conventions in Next.js, and how to organize your project. Layouts and Pages Learn how to create your first pages and layouts, and link between them with the Link component. Linking and Navigating Learn how the built-in navigation optimizations work, including prefetching, prerendering, and client-side navigation, and how to optimize navigation for dynamic routes and slow networks. Server and Client Components Learn how you can use React Server and Client Components to render parts of your application on the server or the client. Fetching Data Learn how to fetch data and stream content that depends on data. Mutating Data Learn how to mutate data using Server Functions and Server Actions in Next.js. Caching Learn how to cache data and UI in Next.js Revalidating Learn how to revalidate cached data using time-based and on-demand strategies. Error Handling Learn how to display expected errors and handle uncaught exceptions. CSS Learn about the different ways to add CSS to your application, including Tailwind CSS, CSS Modules, Global CSS, and more. Image Optimization Learn how to optimize images in Next.js Font Optimization Learn how to optimize fonts in Next.js Metadata and OG images Learn how to add metadata to your pages and create dynamic OG images. Route Handlers Learn how to use Route Handlers Proxy Learn how to use Proxy Deploying Learn how to deploy your Next.js application. Upgrading Learn how to upgrade your Next.js application to the latest version or canary. Was this helpful? supported. Send

[2]
SCORE: 37.1240
SOURCE: web_1779060034.hat
TEXT:
Menu Using App Router Features available in /app Latest Version 16.2.6 This page is also available as Markdown at /docs/app/guides.md . For an index of Next.js documentation , see /docs/llms.txt . Copy page Guides Last updated May 13, 2026 AI Coding Agents Learn how to configure your Next.js project so AI coding agents use up-to-date documentation instead of outdated training data. Analytics Measure and track page performance using Next.js Speed Insights Authentication Learn how to implement authentication in your Next.js application. Backend for Frontend Learn how to use Next.js as a backend framework Caching (Previous Model) Learn how to cache and revalidate data using fetch options, unstable_cache, and route segment configs for projects not using Cache Components. CDN Caching Learn how CDN caching works with Next.js, including what works today, cache variability, and the direction toward pathname-based cache keying. CI Build Caching Learn how to configure CI to cache Next.js builds Content Security Policy Learn how to set a Content Security Policy (CSP) for your Next.js application. CSS-in-JS Use CSS-in-JS libraries with Next.js Custom Server Start a Next.js app programmatically using a custom server. Data Security Learn the built-in data security features in Next.js and learn best practices for protecting your application's data. Debugging Learn how to debug your Next.js application with VS Code, Chrome DevTools, or Firefox DevTools. Deploying to Platforms Understand which Next.js features require specific platform capabilities and how to choose the right deployment target. Draft Mode Next.js has draft mode to toggle between static and dynamic pages. You can learn how it works with App Router here. Environment Variables Learn to add and access environment variables in your Next.js application. Forms Learn how to create forms in Next.js with React Server Actions. How Revalidation Works A deep dive into how Next.js revalidates cached content, including the tag system, cache consistency, and multi-instance coordination. ISR Learn how to create or update static pages at runtime with Incremental Static Regeneration. Instrumentation Learn how to use instrumentation to run code at server startup in your Next.js app Internationalization Add support for multiple languages with internationalized routing and localized content. JSON-LD Learn how to add JSON-LD to your Next.js application to describe your content to search engines and AI. Lazy Loading Lazy load imported libraries and React Components to improve your application's loading performance. Development Environment Learn how to optimize your local development environment with Next.js. Next.js MCP Server Learn how to use Next.js MCP support to allow coding agents access to your application state MDX Learn how to configure MDX and use it in your Next.js apps. Memory Usage Optimize memory used by your application in development and production. Migrating Learn how to migrate from popular frameworks to Next.js Migrating to Cache Components Learn how to migrate from route segment configs to Cache Components in Next.js. Multi-tenant Learn how to build multi-tenant apps with the App Router. Multi-zones Learn how to build micro-frontends using Next.js Multi-Zones to deploy multiple Next.js apps under a single domain. OpenTelemetry Learn how to instrument your Next.js app with OpenTelemetry. Package Bundling Learn how to analyze and optimize your application's server and client bundles with the Next.js Bundle Analyzer for Turbopack, and the `@next/bundle-analyzer` plugin for Webpack. PPR Platform Guide A guide for platform engineers on implementing PPR support, from basic origin rendering to optimized CDN integration. Prefetching Learn how to configure prefetching in Next.js Preserving UI state Learn how React's Activity component preserves UI state across navigations in Next.js and how to control what resets. Preventing Flash Learn how to correct server-rendered content before the browser paints, avoiding visible flash when the page hydrates. Production Recommendations to ensure the best performance and user experience before taking your Next.js application to production. PWAs Learn how to build a Progressive Web Application (PWA) with Next.js. Public pages Learn how to build public, "static" pages that share data across users, such as landing pages, list pages (products, blogs, etc.), marketing and news sites. Redirecting Learn the different ways to handle redirects in Next.js. Rendering Philosophy Learn how Next.js treats static and dynamic rendering as a spectrum at the component level, and what this means for deployment. Sass Style your Next.js application using Sass. Scripts Optimize 3rd party scripts with the built-in Script component. Self-Hosting Learn how to self-host your Next.js application on a Node.js server, Docker image, or static HTML files (static exports). SPAs Next.js fully supports building Single-Page Applications (SPAs). Static Exports Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server. Streaming Learn how streaming works in Next.js and how to use it to progressively render UI as data becomes available. Tailwind CSS v3 Style your Next.js Application using Tailwind CSS v3 for broader browser support. Testing Learn how to set up Next.js with four commonly used testing tools — Cypress, Playwright, Vitest, and Jest. Third Party Libraries Optimize the performance of third-party libraries in your application with the `@next/third-parties` package. Upgrading Learn how to upgrade to the latest versions of Next.js. Videos Recommendations and best practices for optimizing videos in your Next.js application. View transitions Learn how to use view transitions to communicate meaning during navigation, loading, and content changes in a Next.js app. Was this helpful? supported. Send