Nuxt•4d ago

Content does not load in production

Hello. I have started building a basic blog using @nuxt/content with markdown. Content files are inside content/blog folder. The blog index Vue file is inside pages/blog/index.vue. Here's the way I query the content:

 const { data: articles } = await useAsyncData(
  'articles',
  () => queryContent('blog')
    .sort({
      date: -1
    })
    .find()
)

 const { data: articles } = await useAsyncData(
  'articles',
  () => queryContent('blog')
    .sort({
      date: -1
    })
    .find()
)

On the server, articles is null . It never retrieves the articles correctly. Tried different sorts of tweaking and different ways to do it, but I didn't get to a solution. One test I did, was to go in the build files, and just change the useAsyncData id to something else, that seemed to have worked, but this is not a correct fix, just a test. Is there anything I'm missing?

1 Reply

Omnislash•4d ago

I read 10 times sorry just to be very sure XD, you mean data in your index.vue ? or really server side ? because when you talk about tweaking useAsync and null, my first reaction would say that you check data too fast so it's not available yet

Gaming

Programming

Content does not load in production