Next.js
Demo - File-based Routing in Browser
Next.js Style
File-based routing, API routes, and HMR - all running in your browser
Pages Router (/pages)
App Router (/app)
Web Worker Mode
Off
HMR Update!
Editor
Initializing...
index.jsx
about.jsx
[id].jsx
api/hello.js
globals.css
Install
Installed:
react, react-dom
Set
Clear
Proxy:
Not configured (direct fetch)
Save (triggers HMR)
Start Preview
Live Preview
Refresh
Go
N
Click
"Start Preview"
to launch the dev server
Uses Service Worker for Next.js-like experience
Console
Clear