Web development framework that generates static HTML files for hydration by Vue.js.
Questions tagged [gridsome]
184 questions
1
vote
0 answers
How to find children from parent reference nodes in graphql
I'm using gridsome, which is pulling data from airtable. I have a table called Nouns, which have a self-referencing hierarchy (any Noun can be either parent or child of any other Noun). I have defined parents only in airtable, and want to write a…

jalx
- 21
- 2
1
vote
1 answer
“Page Not Found” when navigating to site created with Gridsome & deployed on Netlify
I've created a new site using Gridsome deployed with Netlify, but I can't get the site to appear when accessed. Instead, Netlify says:
Page Not Found
Looks like you've followed a broken link or entered a URL that doesn't exist on this site.
< Back…

Jeremy Bauer
- 11
- 4
0
votes
0 answers
Vuejs (gridsome) - populating head order
One of my customer just send me a feedback regarding the order data are generated, and sent to GTM.
He asks me to change the page title BEFORE the url is updated :
I don't get it because i used vuejs hooks (metaInfo(), mounted()), and i'm not sure…

oldBeaver
- 25
- 4
0
votes
0 answers
Gridsome custom blog not keep site locale?
I have created a blog based on .md and Gridsome.
Works, slug, works, but locale does not keep slug locale.
query Posts ($page: Int, $locale: String) {
posts: allPost (sortBy: "date", order: DESC, perPage: 9, page: $page, filter: { locale: { eq:…

Milos N.
- 4,416
- 6
- 18
- 31
0
votes
0 answers
My gridsome website works when i use gridsome deploy but not when i use gridsome build
https://github.com/volkux/zservices-web2
I can not figure out when it builds; it doesn't load my vue files and make the static websites.
I ran gridsome deploy, and the website fully worked. I ran gridsome build and looked at index.html, and all it…

volkux
- 1
- 2
0
votes
0 answers
Gridsome this contect is undefined
I can currently generate static pages using CreatePage Api as stated in the documentation https://gridsome.org/docs/pages-api/ within Gridsome.
Now I'am trying to get data within my generated page script.
When I use the context to get my data like…

Cherry
- 1
- 2
0
votes
0 answers
Cannot GET / with gridsome develop
I have a problem with a Gridsome project. When I try to access http://localhost:8082/ after running gridsome develop I get the response Cannot GET /. I've got a number of other Gridsome projects that all work fine, it's just one. Gridsome build…

boxelboy
- 1
- 2
0
votes
0 answers
How to serve airtable images from server and not airtable with Gridsome?
As airtable announced new changes, any attachment URLs obtained via the Airtable Web API and the CSV export functionality will expire after a few hours.
My question is how to serve images locally with Gridsome on build? In other words I would like…

Goran Babarogic
- 45
- 9
0
votes
1 answer
webpack error when trying to load a Bootstrap js file
I have a gridsome project (v0.7.23). I load the Bootstrap framework via npm.
Im using node v14.18.0 via nvm.
When I import a Bootstrap JS component (collapse) :
import Collapse from 'bootstrap/js/src/collapse'
webpack fails to build and returns this…

Maxime Freschard
- 1,066
- 2
- 15
- 26
0
votes
1 answer
Images not rendering on-page in vue v-for from S3 uploaded into Strapi admin
I have an API call that is publically accessible:
https://g1c0r7af15.execute-api.eu-west-1.amazonaws.com/dev/api/portfolio-items?filters[category][$eq]=Portraits&populate=image
The API is a strapi app that has had images uploaded to it and the…

logikurl
- 115
- 3
- 16
0
votes
0 answers
Dynamic filter in a page query
How do I create a dynamic filter in a page query? In this example, I want to filter only posts that are less than or equal to today? I am able to pass a query variable using graphql, but not sure how to pass that from inside…

Abdurahman
- 21
- 1
- 4
0
votes
0 answers
YAMLException: end of the stream or a document separator is expected
I keep running into this YAML exception when using js-yaml to try to convert some yaml to json. I have multiple yaml files that contain a key/value that is a multi-line bit of yaml. I didn't write it and I'm not a big yaml user but it appears to be…

Alex Marple
- 2,908
- 4
- 17
- 24
0
votes
1 answer
why is hot-reloading is not working on Gridsome
After making updates on default.vue the browser reports"[HMR] Waiting for update signal from WDS..." indefinitely. Reloading the browser does not help. Eventually I have to restart gridsome to see the changes.
Steps to reproduce
installed Gridsome…

AlexHill
- 33
- 7
0
votes
1 answer
How to use i18n variables with v-for?
I have to use i18n variables for a select dropdown in the form.
I can access i18n data in main.js like this :
// Load locales
axios
.get("http://localhost:3000/data")
.then(({data}) => {
console.log(data);
…
0
votes
1 answer
Redeploy a branch in a site with the latest git commit using Netlify API
I use Gridsome for Static Site Generation and I integrated Bitbucket with Netlify, so when I add a new commit it directly redeploys my site with the latest commit.
Sometimes I need to redeploy without any changes in the project files, just to get…

Mina
- 14,386
- 3
- 13
- 26