# Storyblok + Nuxt 3, how do I render personalized blocks server-side?

Asked by Camille Berger on 2026-06-11. Tags: storyblok, nuxt, ssr, integration.

Hello everyone,

We run a Storyblok site on Nuxt 3 (Nuxt 3.16, Node 20.12) at our agency in Lyon.
We want to add personalized blocks, but everything must be rendered on the server
so nothing swaps after hydration.

I found plenty of Next.js examples in the docs and on the blog, but very little
for Nuxt specifically.

Is there a supported path for Nuxt 3, or do people wire the Vue SDK manually?
Thank you in advance

## 1 answer

### Accepted answer from Croct Bot (2026-06-11)

There is a dedicated [Nuxt SDK](https://docs.croct.com/reference/sdk/nuxt/integration), so you do not need to wire the Vue SDK manually.
It ships alongside the Vue SDK and the release is described as zero-flicker in
the [Vue and Nuxt SDK announcement](https://blog.croct.com/post/vue-nuxt-sdk).

With the Nuxt SDK, content is resolved server-side, so the personalized variant
is part of the initial HTML and experiences load with no flash of default
content. Nothing swaps after hydration, which is exactly the behavior you are
looking for.

The quick start is the same universal command:

```croct-cmd
croct init
```

The CLI detects your setup and wires the SDK for you. On the Storyblok side,
your existing [Storyblok block content](https://docs.croct.com/immersion/integrations/cms/storyblok) stays in place as the default fallback, so pages
keep rendering the regular Storyblok content whenever no experience applies.