5dd4999b64
Strategized with @balazsorban44 to open one larger PR, with changes to individual examples as separate commits. For each example, I researched how multiple realworld codebases use the featured technology with TypeScript, to thoughtfully convert them by hand - nothing automated whatsoever. ## Documentation / Examples - [X] Make sure the linting passes by running `pnpm lint` - [X] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md) |
||
|---|---|---|
| .. | ||
| components | ||
| pages | ||
| styles | ||
| .gitignore | ||
| global.css | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
Fast Refresh Demo
Next.js ships with Fast Refresh which gives you instantaneous feedback on edits made to your React components.
This demos shows how the state of an auto incrementing value and a classic counter is preserved after edits or if there are errors.
Deploy your own
Deploy the example using Vercel or preview live with StackBlitz
How to use
Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example fast-refresh-demo fast-refresh-demo-app
yarn create next-app --example fast-refresh-demo fast-refresh-demo-app
pnpm create next-app --example fast-refresh-demo fast-refresh-demo-app
Deploy it to the cloud with Vercel (Documentation).