---
toc: false
---

# useState

This example showcase the `useState` composable, an SSR-friendly ref replacement.

Its value will be preserved after server-side rendering and shared across all components using a unique key.

::alert{type=info icon=👉}
Learn more about [useState](/docs/api/composables/use-state).
::

::ReadMore{link="/docs/api/composables/use-state"}
::

::ReadMore{link="/docs/getting-started/state-management"}
::

::sandbox{repo="nuxt/nuxt" branch="main" dir="examples/composables/use-state" file="app.vue"}
::