nextjs · Next.js Docs

Next.js Fast Refresh

Explains how Fast Refresh maintains client-side state during development, how it handles different export types, and how to resolve issues where edits trigger full page reloads instead of hot updates.

Import to Prompt Buddy

Derived skill

Files assembled from official documentation

Viewing SKILL.md

Next.js Fast Refresh

When To Use

Use when you need to optimize development workflows by preventing full page reloads or when you need to structure file exports to ensure React component state is preserved during code edits.

Reference Files

File	Contains	Use For
`SKILL.md`	Entry point: scope, routing table, and workflow.	Start here.
`docs/nextjs-fast-refresh-workflow-guide.md`	A technical overview of how Next.js integrates React Fast Refresh to enable live reloading while preserving client-side state.	Questions about a technical overview of how Next.js integrates React Fast Refresh to enable live reloading while preserving client-si...

What This Skill Covers

For an index of all Next.js documentation, see /docs/llms.txt. Fast refresh is a React feature integrated into Next.js that allows you to live reload the bro...
Main sections: How It Works, Error Resilience, Syntax Errors, Runtime Errors, Limitations.

Workflow

Open the most relevant file under docs/ for the exact documented workflow and wording.
Open schemas/ files for exact structured contracts.
Open examples/ files for concrete requests, commands, snippets, and manifests.
Do not add behavior or configuration that is not present in the attached source files.

Canonical source: https://nextjs.org/docs/architecture/fast-refresh