If your company uses Vue.js or Nuxt.js, your developers will love our latest news.

We just rolled out our official SDKs tailored specifically for these frameworks, and now is the best time to dive in: our onboarding experience is smoother than ever.

Why devs will love it

Our new SDKs provide a much more straightforward integration process for the Vue ecosystem. They are incredibly easy to install and require minimal configuration, fully supporting both client-side rendering (Vue.js) and server-side rendering (Nuxt.js).

Features include automatic token authentication, global timeout settings, and a composable-ready architecture that plays perfectly with Vue's reactivity system.

Both our support efficiency and ease of integration were already differentiators before this launch, and we have received positive feedback from our clients on them. Now, more than ever, integrating with high-level frameworks like Vue.js and Nuxt.js aligns seamlessly with one of our core objectives: providing a great dev experience for personalization.

What changes for those using our JavaScript SDK?

If you are currently using our standard Vanilla JavaScript integration in a Vue project, you can easily migrate to our official SDK by following our documentation or using our CLI.

However, if you are upgrading to Nuxt.js for server-side rendering, you must be mindful of how user sessions are managed. Local storage (used by default in our standard plug) is not compatible with hybrid rendering.

That is why we built our SDKs to be a future-proof choice. They allow you to easily use first-party cookies to securely manage state, even if you do not yet use server-side rendering.

If you use Nuxt.js alongside other stacks, it is essential that all applications share the same first-party cookies. This is the best way to maintain consistency in user identification across different environments, preventing hydration mismatches and guaranteeing zero flickering.

That's a wrap

Previously, integrating Croct with Vue.js or Nuxt.js required significant custom code and manual state synchronization to keep personalized content reactive. Now, it takes just a few lines of code to get a fully typed, real-time optimization engine running natively in your application.

Be sure to check out our documentation to get started, and do not hesitate to contact us if you have any questions about the new integration.

If you haven't created your account yet, sign up and take the first step toward joining the next generation of advanced personalization.