rsnext/examples/fast-refresh-demo
Yichi Zhang 9e4bb5a129
Add Fast Refresh Demo (#16576)
Closes #16538 

Basically reverts #16497 and some minor changes. Also adds a link in the docs.

This reverts commit ec281df70b.
2020-09-01 23:27:57 +00:00
..
components Add Fast Refresh Demo (#16576) 2020-09-01 23:27:57 +00:00
pages Add Fast Refresh Demo (#16576) 2020-09-01 23:27:57 +00:00
styles Add Fast Refresh Demo (#16576) 2020-09-01 23:27:57 +00:00
.gitignore Add Fast Refresh Demo (#16576) 2020-09-01 23:27:57 +00:00
global.css Add Fast Refresh Demo (#16576) 2020-09-01 23:27:57 +00:00
package.json Add Fast Refresh Demo (#16576) 2020-09-01 23:27:57 +00:00
README.md Add Fast Refresh Demo (#16576) 2020-09-01 23:27:57 +00:00

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:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example fast-refresh-demo fast-refresh-demo
# or
yarn create next-app --example fast-refresh-demo fast-refresh-demo

Deploy it to the cloud with Vercel (Documentation).