logo

Install Storyblok Queries

Overview

As of @nujek/storyblok version 0.0.104 we removed nuxt-storyblok-queries module in favor of the offical nuxt-storyblok ($storyapi) module.

Anyway if you need you can still use nuxt-storyblok-queries easily in your project. Just install the module and add your storyblokConfig to it.

Installation

yarn add -D @nujek/nuxt-storyblok-queries
nuxt.config.js
modules: [
    ['@nujek/nuxt-storyblok-queries', {
        accessToken: process.env.SB_CLIENT_ACCESS_TOKEN,
        cacheProvider: 'memory',
        disableManagementApi: false,
        formatResponse: false
    }]
]
  • Full config
nuxt.config.js
modules: [
    ['@nujek/nuxt-storyblok-queries', {
        accessToken: process.env.SB_CLIENT_ACCESS_TOKEN,
        oAuthToken: process.env.SB_MANAGEMENT_OAUTH_TOKEN,
        spaceId: process.env.SB_SPACE_ID,
        defaultLanguage: process.env.SB_DEFAULT_LANGUAGE || 'en',
        cacheProvider: 'memory',
        version: process.env.NODE_ENV === 'production' ? 'published' : 'draft',
        // disable if you don't need it
        disableManagementApi: false,
        formatResponse: false
    }]
]

After installing you can use the simple api

pages/_.vue
<template>
  <!-- Your template -->
</template>

<script>
export default {
  async asyncData({ $storyblok }) {
    const story = await $storyblok.getCurrentStory()

    return {
      story
    }
  }
}
</script>

See also old deprecated options for more info

Debugging Obtain Sb API Key