Questions tagged [gridsome]

A tool for web development that creates static HTML files designed to be hydrated by Vue.js.

Display a spinner (preloader/loading indicator) each time the page transitions and remove it once all assets have finished loading in Vue Gridsome

I've set up a preloader using Gridsome (Vue static site generator with Vue Router). In my index.html, I added a simple div that covers the entire page. Then, to hide the preloader once everything has loaded, I included this JS code in index.html: wind ...

Utilizing object/array in context with Gridsome Pages API

I am a beginner when it comes to Gridsome and GraphQL, but I have an interesting project in mind. I have a relationship where Employees are connected to Projects in a many-to-many manner, and I want to create a dedicated page for each employee that lists a ...

How can I implement a personalized Transformer in Gridsome?

One challenge I'm facing is incorporating a proprietary file format into my Gridsome website, where each file will create a new page. A Transformer typically handles this task, but unfortunately, there is no existing plugin for the specific file type ...

Gridsome's createPages and createManagedPages functions do not generate pages that are viewable by users

Within my gridsome.server.js, the code snippet I have is as follows: api.createManagedPages(async ({ createPage }) => { const { data } = await axios.get('https://members-api.parliament.uk/api/Location/Constituency/Search?skip=0&take=20') ...

Failed Deployment on Netlify

My website is currently displaying an "Error establishing a database connection" message. The deploy log indicates that the issue lies within Gridsome. The log below details the deployment process. As a novice, I'm seeking advice on how to troubleshoo ...

The page query functionality seems to be malfunctioning when implemented within a Gridsome component

While using <page-query> within the index works fine, I encounter an error of "edges undefined" when I try to use it inside a component. Can someone provide assistance with this issue? ...