🚀 Next.js 16.3 Has a New useOffline Hook

Meet useOffline 👇

It lets you know when the user loses their internet connection.

const isOffline = useOffline()

return isOffline
  ? <p>You’re offline</p>
  : <App />

So instead of your app silently breaking when the connection drops, you can show a proper offline state.

For example:
📡 Online→ Show the app
📴 Offline→ Show an offline message or disable actions that need the network

---

One important thing:

useOffline does not make your app offline-first.

You still need things like caching, IndexedDB, and sync logic if you want the app to actually work offline.

⚠️ useOffline is currently experimental, so its API may change.

📚 Docs: Next.js Documentation