Skip to content

Latest commit

 

History

History
40 lines (25 loc) · 2.69 KB

File metadata and controls

40 lines (25 loc) · 2.69 KB

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

Quickly preview this example directly in your browser with StackBlitz:

Open in StackBlitz

🌏 Open in other Cloud IDES

Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine:

Open in Glitch Open in GitHub Codespaces Edit in Codesandbox Open in Repl.it Open in Codeanywhere Open in Gitpod

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-app
# or
yarn create next-app --example fast-refresh-demo fast-refresh-demo-app

Deploy it to the cloud with Vercel (Documentation).