History

Oscar Busk 077097b7f8 Remove `licence` from all `example/package.json` that has them (#28007 ) * Add licences to all example/package.json that lack them * Revert "Add licences to all example/package.json that lack them" This reverts commit 5d4e25012f7334772b8ef5924bc355277e827cba. * Update check-examples to remove `license` field from examples * Remove `license` from all examples. This was mentioned in vercel/next.js#27121 but it looks like it didn't end up being in the merge? Co-authored-by: JJ Kasper <jj@jjsweb.site>		2021-08-14 10:48:39 -05: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	Remove `licence` from all `example/package.json` that has them (#28007 )	2021-08-14 10:48:39 -05:00
README.md	docs: add 'Open in StackBlitz' buttons to various examples (#25853 )	2021-06-08 20:45:02 +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.

Preview

Preview the example live on StackBlitz:

Deploy the example using Vercel:

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

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

Deploy it to the cloud with Vercel (Documentation).