Jacek Comments - Answer Overflow

Before I had set it up this way, I was dumping CMS data into JSON files and referencing them with import. Is there any reason why you avoid useAsyncData?

11 replies

NNuxt

•Created by george.x.r on 9/6/2024 in #❓・help

Static website with prerendered content

It should theoretically be already handled by useAsyncData, but for some reason I observe network calls to CMS from statically generated website if I don't use Pinia (and I use it to share page footer data, so I am not going to throw it away even if I would find out that I was using useAsyncData wrong).

11 replies

NNuxt

•Created by george.x.r on 9/6/2024 in #❓・help

Static website with prerendered content

Pinia works with Nuxt SSR to pass store content as JSON attached in generated HTML - this way when your code loads on the client, it won't need to fetch from CMS.

11 replies

NNuxt

•Created by george.x.r on 9/6/2024 in #❓・help

Static website with prerendered content

$fetch is just ofetch which is just slightly improved native fetch, meaning "no cache". You write this code and Nuxt is going to include it in the build assets like it is any other piece of code (generating random number, or calling a weather API, stock status API, whatever...)

11 replies

NNuxt

•Created by george.x.r on 9/6/2024 in #❓・help

Static website with prerendered content

But if you reference images or videos from CMS, and you wish to serve them from your domain, it will require something extra.

11 replies

NNuxt

•Created by george.x.r on 9/6/2024 in #❓・help

Static website with prerendered content

I have a wrapper around useAsyncData using Pinia store to cache entries. Without it, I observe network requests to CMS even though website is built with nuxt generate.

const { data, error } = await useAsyncData(
  cacheKey,
  () => {
     if (cacheKey in myPiniaStore.entries) {
      return myPiniaStore.entries[cacheKey];
    } else {
      /* fetch from CMS */
    }
  }
);

const { data, error } = await useAsyncData(
  cacheKey,
  () => {
     if (cacheKey in myPiniaStore.entries) {
      return myPiniaStore.entries[cacheKey];
    } else {
      /* fetch from CMS */
    }
  }
);