Stack Overflow
Stack Overflow

Questions tagged [gridsome]

Web development framework that generates static HTML files for hydration by Vue.js.

Gridsome – Vue.js-powered static site generator

184 questions
8
votes
1 answer

pass variable into GraphQL query in Gridsome/Vue.js

I have a Vue.js app running with a GraphQL backend, and Gridsome as the Vue.js boilerplate generator. I'm trying to write a GraphQL query to only return the data of the logged in user, like this : query Blah($test: String!) { db { settings…
skunkwerk
  • 2,920
  • 2
  • 37
  • 55
7
votes
1 answer

Gridsome/Vue.js: How do I reduce the core bundle size?

I'm about to deploy a static Gridsome website. Currently the whole site weighs 518KB (with self-hosted, drastically subsetted fonts, minified inline SVGs, etc) before gzipping. I know that's already not the most gigantic site of all time, and…
Fenja Louwrens
  • 176
  • 7
6
votes
1 answer

Access the queried data from Vue component using Gridsome

I am new to Gridsome as well as to GraphQL. However I'm not using the GraphQL for this project. I just have a Gridsome project setup and some JSON data and I'm trying to define it globally so that I can access it from all my Vue pages and…
Subhan Asadli
  • 330
  • 2
  • 17
5
votes
2 answers

Why would I ever choose Gridsome/Gatsby over Nuxt/Next when all can do static site generation?

Gridsome/Gatsby use case: CMS only? I read that Gridsome/Gatsby works well with CMS's, but I never had to do anything with a CMS which is why I personally can't relate with that advantage. Is this the only case where it's better to use…
oemera
  • 3,223
  • 1
  • 19
  • 33
4
votes
0 answers

How to disable auto refinement for select input in algolia instant search

I have this current code for integrated algolia ais-instant-search that working fine and I want to disable auto refinement on select input to keep the list and when select to return hits for only this selected argument. …
lohnsonok
  • 471
  • 6
  • 12
4
votes
1 answer

Gridsome project hosted on netlify. On click, pages dont load even though the URL does update

My site deployed is deployed on Netlify and when clicking on any link on the landing page, the url updates but the content does not show unless i refresh the page. note on my local development server this is not an issue. Its only an issue on the…
Edward S
  • 820
  • 1
  • 7
  • 12
4
votes
0 answers

How to query Airtable relational data using Gridsome and Graphql?

I am using the Airtable templates and Gridsome to query the Furniture in the Product catalogue templates. In AirTable the furniture data table has a "designers" property that has a value of the id of the designer who created the piece of furniture.…
Shahyn Kamali
  • 41
  • 1
4
votes
1 answer

Getting Autoprefixer to Work with TailwindCSS and Gridsome

I have successfully set up TailwindCSS on Gridsome by following these instructions: https://gridsome.org/docs/assets-css/#tailwind However, those instructions do not mention how to also set up autoprefixer. So, I gave it a try on my own -- as…
Moshe
  • 6,011
  • 16
  • 60
  • 112
4
votes
0 answers

Gridsome Develop Request failed with status code 404

I keep getting errors with Gridsome starters when executing the gridsome develop command. I've tried the default starter that Grisdome recommends and now the Contentful Starter so far and errors keep showing up in the terminal. Here is the error I…
oxxi
  • 452
  • 3
  • 11
  • 28
4
votes
1 answer

Auth0 authentication with Gridsome server side rendering breaks with window is undefined

I've implemented the auth0 Vuejs according to their tutorial with Gridsome, and it worked fine in develop. However, when I run gridsome build the build fails because window is undefined in a server context. I've found a few issues in Auth0-js lib…
Altryne
  • 471
  • 3
  • 8
3
votes
1 answer

Firebase Hosting Webhooks

I have this specific use case that I'm trying to solve with Firebase Hosting and it's the following: I'm using Gridsome to generate static websites Before building, Gridsome uses Graphql and grabs from a Headless CMS some blog posts, which then are…
Rodrigo Mata
  • 1,779
  • 2
  • 14
  • 23
3
votes
1 answer

Gridsome plugin-google-analytics tracking never show up on GA plateform

I have an issue with plugin-google-analytics https://github.com/gridsome/gridsome/blob/master/packages/plugin-google-analytics/README.md when i put my Google Analytics tracking Id in gridsome.config.js it do nothing on Google Analytics plateform.…
Michael Sanchez
  • 53
  • 7
3
votes
1 answer

Show spinner (preloader/loading indicator) whenever page changes and hide when all assets are loaded in Vue Gridsome

I am using Gridsome (Vue static site generator with Vue Router) and I've created a preloader in index.html, its a simple div that covers everything. In index.html I also added this JS code to hide the preloader when everything loads window.onload =…
Phlame
  • 306
  • 1
  • 6
  • 17
3
votes
1 answer

Gridsome Vue - animation between routes

I'm looking for a solution to make animation between routes in gridsome. I would like to create full width and height overlay animating from left to right. When the overlay is on full width then it should replace the content in the slot. What I was…
TheZahron
  • 31
  • 3
3
votes
2 answers

Vue Scroll to top on pageload

I'm currently using Gridsome in my portfolio website. But when I'm on the bottom of a page on a mobile/tablet device that is longer then the page I'm navigating to, the page doesn't scroll to the top on Firefox. On Google Chrome it works fine. I'm…
Sir_Red_DAB
  • 131
  • 6
1
2 3
…
12 13