Web development framework that generates static HTML files for hydration by Vue.js.
Questions tagged [gridsome]
184 questions
3
votes
1 answer
Environment variables in Netflify CMS manual initialization (Gridsome)
I'm building a website with Gridsome and Netlify CMS, hosted with Netlify.
The Netlify CMS stuff is located in /static/admin.
I'm manually initializing the Netlify CMS in an index.js to change the branch on which it pushes depending on an…

npie_
- 53
- 1
- 7
3
votes
1 answer
Can't Figure Out How to Use Gridsome-Plugin-Firestore
I am trying to use the gridsome-plugin-firestore plugin (https://gridsome.org/plugins/gridsome-source-firestore). I want to use that plugin to connect to a simple firestore database collection called news. News has a number of documents with…

Moshe
- 6,011
- 16
- 60
- 112
3
votes
1 answer
How to iterate through data from a JSON file in VueJS/Gridsome using GraphQL?
I am getting my feet wet in VueJS/Gridsome and I am trying to make a simple site to start off. What I am looking to do is store all my data locally in a JSON file and pull it into my page/component using GraphQL. I am able to see the data load…

Tom Konidas
- 76
- 1
- 5
2
votes
1 answer
Gridsome build with docker failed on sharp
I have Gridsome application/website that I would like to create Docker image for CI/CD however when try to build docker image I am facing error with sharp library that is one of dependencies of Gridsome:
my package.json is…

bensiu
- 24,660
- 56
- 77
- 117
2
votes
0 answers
Gridsome cookie SameSite settings
I have a site developed in Gridsome that would be deployed in AWS S3 as static content, but images for this site are located at a different static site.
I am having plenty of "Indicate whether to send a cookie in a cross-site request by specifying…

bensiu
- 24,660
- 56
- 77
- 117
2
votes
1 answer
Gridsome doesn't refresh data after changes in API
I'm fetching data from a strapi Api as Collection, it works but if i make changes in Strapi the data doesn't changes in Gridsome and i have to restart the Gridsome server to get the new info.
Runing Api and Gridsome in local development
I already…

Ernest Riccetto
- 53
- 1
- 8
2
votes
2 answers
How to fix errors in Gridsome.js?
Problem Summary
So I'm trying to launch a new Gridsome project for local development. I've toyed with Gridsome in the past and had a great experience, so I decided to give it another shot.
This time around; however, when I run the gridsome create…

buildpax
- 340
- 3
- 9
2
votes
0 answers
Change props of external component dynamically
I'm new to VueJS and unfortunately I can't figure out how to change the :leftImage and :rightImage props of this external component vue-compare-two-images-component.
It's working then the props values are set to null. But if the props get a image…

nieksu
- 21
- 3
2
votes
0 answers
Vuetify 2.4.2 breaks Gridsome 0.7.23 build
I'm encountering some trouble building Gridsome with Vuetify.
According to https://gridsome.org/docs/assets-css/#vuetify, in order to use Vuetify with Gridsome you need to install vuetify and webpack-node-externals and modify
//main.js
import…

Dustin Le
- 21
- 2
2
votes
2 answers
Is it possible to use nested folders in gridsome when using the source-filesystem plugin?
My desired content folder structure is as follows:
- content (directory)
-- home.md
-- trip_A (directory)
--- intro.md
--- day_1.md
--- day_2.md
-- trip_B (directory)
--- intro.md
--- day_1.md
I would ideally like to define this as a single…

songololo
- 4,724
- 5
- 35
- 49
2
votes
0 answers
Gridsome loses $page after change in the code
I am using gridsome with strapi.
After any change in the code code, when the page tries to re-render the new changes, i get the following error:
[Vue warn]: Error in render: "TypeError: Cannot read property 'strapi' of null"
The code i…

user1839790
- 59
- 5
2
votes
0 answers
Load lottie JSON file in Gridsome
I try to use lottie-vuejs in Gridsome but I don't succeed to import my animation file stored in src/assets/animations/success.json. I get a 404 error.
In my template I use lottie like that :

Thibault Walterspieler
- 2,272
- 2
- 15
- 25
2
votes
2 answers
Vue JS props is underfined
Im using Gridsome frame work for VUE JS
I am navigating to a new page by using this.$router.push(PATH, PARAMS)
this.$router.push({path: `/${value.sectionLink}/`, params: {pageOBJ: value}})
The page route works fine - however the PROP, pageOBJ is…

Wally
- 705
- 1
- 9
- 24
2
votes
1 answer
Vue transition on router - but transition effects specific html Element
I have a page transition for VUE js that I have implemented. I did this manually because I could not find how to do this using VUES transition.
(I am using gridsome framework for vue js - I have added a custom App.vue page - which should allow…

Wally
- 705
- 1
- 9
- 24
2
votes
1 answer
Gridsome how to render link icon in markdown with source-filesystem?
With Gridsome's source-filesystem plugin in gridsome.config.js:
plugins: [
{
use: '@gridsome/source-filesystem',
options: {
path: 'docs/**/*.md',
typeName: 'Doc',
remark: {
plugins:…

DᴀʀᴛʜVᴀᴅᴇʀ
- 7,681
- 17
- 73
- 127