Add the option to set default API version (`draft` or `published`) from Nuxt Config and using an ENV variable about storyblok-nuxt HOT 4 CLOSED

Hi @stefanobartoletti 💜

Let's try something! Is it possible that the call is being made in the client side? If that's the case, did you try using the .env variables with this prefix: NUXT_PUBLIC_?

from storyblok-nuxt.

Hi @stefanobartoletti, what I recommend you do is to add the variables to the runtimeConfig.public on the nuxt.config.ts:

export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      storyblokVersion: process.env.STORYBLOK_VERSION || 'published',
    },
  },
})

And then:

const config = useRuntimeConfig()

const story = await useAsyncStoryblok(
  'blog',
  { version: config.public.storyblokVersion, resolve_relations: 'overview.featured_story' },
  { resolveRelations: 'overview.featured_story' },
)

//or 

const { data: articles } = await storyblokApi.get('cdn/stories', {
  version: config.public.storyblokVersion,
  starts_with: 'blog',
  is_startpage: false,
})

from storyblok-nuxt.

Perfect! As @stefanobartoletti mentioned, it will be nice to add it to the README. Since you already gave an example, can you update the README with the runtimeConfig example @alvarosabu? Thanks in advance. You are the best!

PS: Just to let you know, we had this workaround in the last part of the UT, but for another variable (NODE_ENV) https://www.storyblok.com/tp/create-a-preview-environment-for-your-nuxt-3-website/.

from storyblok-nuxt.

Thanks to both of you for your answers!

I tried both solutions and the one that works best in my implementation is @alvarosabu's.

I think that this is some valuable information that maybe could also be included in the module readme, so even other people could benefit from it (I think it could be a common need to differentiate between environments)

Anyway, thanks for your support 🙏🏻

from storyblok-nuxt.