5,837 questions
0
votes
1
answer
66
views
My graphQL query is returning same values of 'Yoast SEO fields' for all my posts in wordpress graphQL IDE?
I am using WPGraphQL(v2.3.8), Add WPGraphQL SEO(v5.0.0) and WP Gatsby(v2.3.3) plugins in wordpress.
graphQL query-
{
posts {
nodes {
id
title
seo {
title # yoast seo ...
0
votes
0
answers
47
views
Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js:28439
Using WordPress as a CMS, and Gatbsy for a headless WordPress website.
When I run gatsby develop, the command line says:
You can now view gatsby-wordpress-gutenberg-starter in the browser. ⠀ http://...
- 1,877
0
votes
0
answers
32
views
Gatsby + Contentful: using different queries in local builds and on netlify builds
I am building a static webpage with GATSBY and CONTENTUFUL, and i want to make the website hybrid, when i am on local development i want to set the downloadLocal option to false, so i dont download ...
0
votes
0
answers
22
views
Using Images inside MDX components
I'm trying to create a Gatsby website which will let me create reusable components around blog posts. Until recently I've been doing just fine, until I got stuck on importing images to MDX files in a ...
0
votes
0
answers
134
views
New Gatsby project build failing
I created a new Gatsby project following the docs, and after the build ran
npm run develop
but got this error:
> [email protected] develop
> gatsby develop
success compile gatsby files - 2.358s
...
1
vote
0
answers
39
views
How to resolve a React hydration mismatch error so that third-party JavaScript via <script> tags in CKEditor HTML content can be shown in Frontend?
The following third party code is written in the CK editor in drupal in source mode:
<script>
window.page = 'gidd';
</script><!-- On new release, please update the bundle count ...
- 143
0
votes
1
answer
58
views
Direct Access to Specific Page Redirecting to Home Page
I have a static Gatsby website hosted on S3 + Cloudfront. The site is working fine with custom error responses with path set to /index.html for error code 403
But when I try to manually enter a ...
- 1,332
0
votes
0
answers
20
views
simple gatsby api function but got Error executing Gatsby Function
The following simple codes got: Error executing Gatsby Function. It works fine on my local environment. Could you anyone point if there are simple errors? Thanks!
import { GatsbyFunctionRequest, ...
- 473
0
votes
0
answers
40
views
getting an ERROR #95313 HTML.COMPILATION when running '''gatsby build'''
I'm working on my first website using Gatsby JS and I'm running into an issue when I run gatsby build. My local is running perfectly, but build is giving me a ERROR #95313 I've tried a number of ...
0
votes
0
answers
41
views
Gatsby not fetching related posts from WordPress using gatsby-source-wordpress
I'm using Gatsby with a headless WordPress setup and WPGraphQL. I have a custom post type Talk, and within this post type, I am trying to retrieve related posts through a custom field relatedPosts.
...
- 11
0
votes
0
answers
28
views
How Gatsby handles unions of graphql types
I'm developing a react app typescript using Gatsbyjs.
These are some of the packages installed that might be useful to mention:
"gatsby": "^5.14.1"
"gatsby-transformer-json&...
- 460
1
vote
0
answers
131
views
How to install react-google-recaptcha-v3 on a Gatsby project
I have successfully installed react-google-recaptcha-v3 on my Gatsby project. My gatsby-ssr.js and gatsby-browser.js files looks like this:
import React from "react"
import { ...
- 5,754
0
votes
1
answer
72
views
Gatsby Script API increases total blocking time
I used https://pagespeed.web.dev/ today and was surprised that my website has only a performance score of 64. Running it in my browser, on the hosted site, in an incognito tab it's always between 95-...
- 1,019
2
votes
0
answers
234
views
YouTube Embed Playback Issues in Safari Only. Built with Gatsby
I’m encountering inconsistent playback with YouTube iframe embeds on my Gatsby site, specifically in Safari.
Behavior Across Browsers:
In all other browsers, the YouTube videos autoplay and loop as ...
- 21
0
votes
0
answers
38
views
creating a background image component using GatsbyJS
I've been trying for hours to figure out how to get a background image component using GatsbyJS, I've tried multiple different ways to skin the cat but nothing I've tried seems to work. I'm not sure ...
0
votes
1
answer
64
views
Only first email sending with booking form
I have a website with a 3 stage booking form. Each stage should send 2-3 emails via Postmark.
It seems to work in development but when pushed to Netlify only 1 email is sent on each stage as shown ...
- 195
1
vote
0
answers
53
views
Using shadow DOM Web Components in Gatsby
I have a web component at the top of the page that doesn't build the shadow DOM until the hydration phase, so there's a noticeable jump in my page between pulling the SSR static page and hydration ...
0
votes
2
answers
130
views
Strapi fields are not fetched by GraphQL / Gatsby
The fields that are available in Strapi don't appear in GraphQL schema (GraphiQL playground)
I tried everything:
all permissions are given in the Roles;
deep population works, gatsby-source-strapi ...
0
votes
1
answer
41
views
images not rendering on Gatsby using GatsbyImage
I'm having trouble getting images to load on my website using GatsbyImage and would love any help with this resolving this.
This is what I have on the page where I'm expecting the images to render:
**...
- 1
2
votes
0
answers
35
views
Gatsby seems not fetching certain fields
Gatsby start fetching certain fields when you deep populate query in the gatsby-config like this
{
resolve: "gatsby-source-strapi",
options: {
apiURL: process.env....
0
votes
3
answers
65
views
Page will not load even though a javascript file with its name has been created
I'm new to react and gatsby so I am following the gatsby tutorial online. I was steadily working through Part 2 when I ran into problem. On the tutorial they have created a second javascript file ...
0
votes
1
answer
53
views
Parsing GraphQL query
I am using Gatsby (React-based framework) as CMS and trying to create a component that will return a series of JSONs.
But for some reason, there is a parsing error -
',' expected.ts(1005)
My code -
...
- 12k
1
vote
0
answers
30
views
Trouble querying childImageSharp with Gatsby and Drupal
I am working on a gatsby with Drupal CMS project and am currently facing an issue regarding gatsby-plugin-image with the images coming from the CMS.
I am trying to replace all my tags with components ...
- 11
0
votes
0
answers
55
views
Why does my search field not respond to input changes on mobile?
I recently recreated a website that has a search filter that narrows down a list of search results as the user types. The code in the markup of the component looks like this
<label for="...
- 3,354
2
votes
0
answers
30
views
Posts Cross-Appearing in the Wrong Directories - Gatsby
I am building a blog with 2 different blog subdirectories. One is /blog/{blog_slug}/ and the other is /projects/{blog_slug}. My folder structure is as follows:
blog/
blog1/
index.mdx
...
- 25
0
votes
1
answer
248
views
How to prefill react hook form with existing data
I'm creating a react hook form in Gatsby. I just wanted to prefill the fields with existing data. But I'm getting this error and cannot even debug the code.
Error: "Objects are not valid as a ...
- 1
0
votes
0
answers
65
views
require() of ES Module node_modules/remark-gfm/index.js from .cache/compiled/gatsby-config.js not supported
I am trying to create some dynamic pages from mdx in gatsby, using below code
import { compileMDX } from 'gatsby-plugin-mdx';
import remarkGfm from 'remark-gfm';
const mdxContent = await compileMDX(
...
- 5,237
1
vote
0
answers
46
views
Embedding a GGPlotly into Gatsby page
THE INTRO: I am trying to embed ggplotly graphs into a Gatsby webpage I am learning to create. After arguing back and forth with ChatGPT for a couple hours, I'm seeking out your knowledge.
Here is at ...
- 49
-1
votes
2
answers
70
views
Impossibility to install dependancies with Gatsby
I create a new Gatsby project (with JS, tailwind). I would like to install other dependancies like gatsby-plugin-react-helmet, @mui/icons-material for example.
Unfortunately I have error messages :...
0
votes
1
answer
64
views
Component Not Rendering in .map Function
I'm trying to iterate an array of data into a component. The way I'm doing it looks like this
<article className={styles.contentList}>
{
organizations.map((item, index) =>{
...
- 3,354
0
votes
1
answer
147
views
Gatsby build fails when using spline
I am using spline in a React project and am using Gatsby to create static pages of this project.
When I run Gatsby develop locally everything works fine and my spline project is showing on the page.
...
0
votes
1
answer
180
views
Contentful GraphQL Destructuring Fragments in Array
Got an issue with fragments, in a graphql query for a gatsby site I am working on that uses Contentful as the CMS:
Consider the following query:
export const query = graphql`
query ...
- 10.6k
0
votes
1
answer
92
views
Creating Nav Menu with SubNav Gatsby and React
I am currently able to generate a Nav menu however I would like to now add submenu items under each main nav item. I am using Gatsby with React. I have the following array:
const items = [
{
to: ...
0
votes
1
answer
89
views
Field "banner" must not have a selection since type "String" has no subfields
templates/Post.tsx
import React from 'react'
import Helmet from 'react-helmet'
import { graphql } from 'gatsby'
import styled from 'styled-components'
import { MDXRenderer } from 'gatsby-plugin-mdx'
...
- 867
1
vote
1
answer
313
views
Issue with accessing Gatsby application running in Docker container
I'm trying to set up Docker for my Gatsby v5 application located in a folder structure like this:
main-folder
|_ backend (Docker setup working fine)
|_ frontend (trying to set up Docker for this)
In ...
- 1,247
-2
votes
1
answer
211
views
How to get values of the first element of fetch reponse [duplicate]
I try to get values of the first element of my fetch request.
Here you can see my code -> the result of the fetch-request is assigned to "data" variable.
const ListRezept = (props) => {...
0
votes
1
answer
110
views
Noindex File page on Gatsby?
I have a static site in Gatsby. I'm using an <a> tag to link to a pdf file to download, shortened version below:
import file from '../files/file.pdf';
<a
className='hover:underline hover:...
- 113
0
votes
0
answers
33
views
how to correctly translate with i18next?
I'm trying to use i18next with Gatsby/React plugin.
My Parent components (some page)
import React from "react";
import ChildComponent from "./child";
import { useI18next } from &...
- 39
0
votes
1
answer
61
views
How to implement multiple Requests in React/Gatsby
I am trying to implement multiple requests to database and then display the results in my gatsby app.
I have a working solution with one (!) request.
const ListRezept = (props) => {
const url_id = ...
0
votes
1
answer
110
views
Probably caching issue with static Gatsby website
I have a Gatsby React website hosted in Azure blob storage, this static website is generated by Sanity. Users access this website through an Azure CDN. Whenever a change is made in sanity we see that ...
0
votes
1
answer
67
views
Gatsby Image Cropping Behaviour
I'm using Gatsby and the gatsby-plugin-image to manage images being pulled in from a Netlify CMS. I'm struggling with the behaviour of the Gatsby Image plugin with Portrait images.
In particular, I ...
- 333
1
vote
0
answers
79
views
Make top-level types in Gatsby createSchemaCustomization non-nullable during GraphQL type generation
Top-level MarkdownRemark field in a graphql query in a Gatsby site cannot practically be null. But gatsby graphql typegen is generating it as nullable. It is annoying to have to account for ...
- 11
0
votes
2
answers
85
views
Gatsby markdown pages without gatsby-node.js
The gatsby documentation is a little confusing on when to use pages using the file system route API and when to use a gatsby-node file with a createPages function.
I am trying to go the route of just ...
- 9,571
0
votes
0
answers
257
views
Cannot Access Contentful Space on Environment "Master" with access token
On my local machine, when I go to run npm start, I received an error:
"Cannot access Contentful space "" on environment "master"
with access token "*********" Make ...
- 53
0
votes
0
answers
31
views
Gatsby create nodes dynamically with json fetch
In Gatsby I'm trying to create nodes with fetching the json in gatsby-node.js. The issue is that when I'm using fetch I'm getting build errors. When I load the json directly from its path it works. ...
- 87
0
votes
1
answer
41
views
gatsby + netlify cms images not loading
I followed the steps to create a gatsby site with netlify cms https://www.freecodecamp.org/news/how-to-build-a-blog-with-gatsby-and-netlify-cms/. However when I upload a blog post with images in it, ...
- 2,505
0
votes
1
answer
38
views
tsv file at path isn't found when running locally with Gatsby
Pulled a snippet out of my passion project because I cannot figure out why this file can't be found when running locally (Gatsby). Why is that not a valid path? My tsv file is in the same directory ...
- 327
0
votes
0
answers
233
views
Build errors when running gatsby build after using getServerData() for SSR page
My site builds fine initially, but when trying to create a page that's SSR using getServerData while using gatsby-source-wordpress i get the following:
ERROR #98001 ENGINE.VALIDATION
Built ...
0
votes
1
answer
296
views
Gatsby - ReferenceError: Cannot access 'u' before initialization
I'm new to Gatsby, and I've been asked to add something to a Gatsby project, that isn't quite related to Gatsby. The dependency I had to add was not compatible with older versions of Gatsby, so I ...
0
votes
1
answer
192
views
Gatsby 5+ and gatsby-plugin-preact error "renderToPipeableStream is not a function"
I have Gastby 5.13.2 and I have installed gatsby-plugin-preact with preact and react-render-to-string. When I try npm run build I get this error:
WebpackError: TypeError: renderToPipeableStream is not ...
