Setting rendering mode to your pages 👀
summary
Nuxt pages accept component-style suffixes so renaming index.vue to index.client.vue forces client only rendering and interactivity while index.server.vue renders as HTML with no JavaScript chunk shipped so counters stay noninteractive. For non Pages dir usage the pages extend hook exposes a new mode property that accepts "all" (default server render then hydrate), "client" to render only on the client, or "server" to render only on the server.
AI-written summary · about
related talks
29mNuxt.js
25mDemystifying Client & Server Rendering in SvelteKit
28mReal server-side rendering with Vue
35mNext.js "Universal React Made Easy and Simple"
38mLarge Scale Nuxt Architecture
25mNext.js: Choosing an Optimal Rendering Pattern for your Application
23mEdge-rendering with Nuxt
24mShip less javascript to your client with Nuxt Island