Discussion about browser crashes and internet connection in relation to Studio
Based on your description, this is a pretty common issue with Sanity Studio (and many web applications) when your laptop goes to sleep and the browser tab stays open. Yes, you're right that it's related to the network connection!
Here's what's happening:
When your laptop sleeps, all network connections are suspended. Sanity Studio maintains a persistent connection to keep features like real-time collaboration, live updates, and document synchronization working. When your laptop wakes up, this connection is broken and Studio may crash or become unresponsive while trying to reconnect.
Quick fixes:
Simple refresh: Just refresh the browser tab (Cmd/Ctrl + R) when you open your laptop in the morning. This re-establishes all connections cleanly.
Hard refresh: If a normal refresh doesn't work, try Cmd/Ctrl + Shift + R to clear the cache and reload.
Close and reopen: If it's completely frozen, close the tab and open Studio again.
Prevention strategies:
- Some users find it helpful to close Studio tabs before closing their laptop if they know they'll be offline for a while
- Check your browser's settings - some browsers have aggressive memory management that can interfere with long-running applications
- Make sure you're on a recent version of Sanity Studio (v3 or v4), as older versions had more connection issues
If the problem persists:
- Check your browser console (F12) when it crashes - error messages there can help identify if it's specifically a websocket issue or something else
- Try a different browser to see if it's browser-specific
- Consider updating your Studio dependencies with
npm updateoryarn upgrade
This is a known behavior with web applications that maintain persistent connections, and you're definitely not alone in experiencing it. The quick refresh in the morning should become second nature!
Sanity – Build the way you think, not the way your CMS thinks
Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.