GatsbyJS blog not compiling anymore after "npm update"?

If it's a Gatsby, webpack or npm issue i don't understand yet. I did these commands in terminal and they seem to have started the issue, trying to fix a material-ui "Popper" module that had a...

Contentful: documentToHtmlString doesn't include embedded image in rich text

I have the following rich text document { "data":{}, "content":[ { "data":{}, "content":[ { "data":{}, "marks":[...

Contentful JS API: Query for related articles with similar tags as the currently viewed article ? (article…tagList[])

Overview: Someone views an article (contenttype : article). This article has a list of tags (contenttype : articletags). Based on the linked tags in this article, I am trying to do a query for...

how do use the javascript code for pagespeed insights api to display results for my website

i want to integrate the pagespeedinsights api to my website : http://ccit324.firebird.sheridanc.on.ca/ ive tried putting the url into the js code shown in this website...

How to solve 'SyntaxError: Unexpected identifier' while testing vuetify components using jest

I have written many components in vuetify that are reusable. I am using jest testing framework for unit testing. When I run 'npm run test', the test fails with 'SyntaxError: Unexpected...

TypeError: Cannot read property 'fluid' of null

I am trying to get images from contentful data to gatsby site. I can retrieve text contents. I went through the gatsby-image plugin documentation. it looks fine. const getBlogList = graphql` { ...

Warning: Received `true` for a non-boolean attribute `jsx`. Zeit Styled Jsx

I am trying to use styled-jsx with some code. However, no matter what I do, I seem to get an error index.js:1437 Warning: Received `true` for a non-boolean attribute `jsx`. If you want to write...

Why Has My Google PageSpeed Insights Score Lowered So Much?

Prod For desktop, I have a site with a decent page speed score (currently, 96):...

Getting 404 when first loading dynamic routes on nextjs

I'm trying to create a blog page to test nextjs and created a dynamic route for the posts, which will be retrieved from Contentful. When navigating from Home page and clicking into a next/router...

Create an entry with RichText data via contentful management php sdk

I have searched extensively for an answer to this, contacted contentful support (and being ignored) and tried every permutation I can possible think of. Any help would be appreciated. I want to...

Create a nested Entry in a Contentful Space using Content-Management-API

Im using the Content-Managemen-API provided by contentful. Im using this to create a single entry in a space and this works fine: const contentful = require('contentful-management') const client...

How can I use inline images with rich text in Gatsby?

I'm trying to recreate a text with small inline images inside. Something like this: I've set a content model in Contentful with a Rich Text but the only way I can insert the images is as a...

Contentful richText with next.js

Im trying to integrate contentful rich text in my blog and its only working with bold, paragraphs and italics. I cant make the images and embedded things appear. First i have this component: const...

Environment variables not working (Next.JS 9.4.4)

So i'm using the Contentful API to get some content from my account and display it in my Next.Js app (i'm using next 9.4.4). Very basic here. Now to protect my credentials, i'd like to use...

Preloading Images in NextJS

We are using NextJS 9.3.2 Framework with Static Site Generator i.e SSG with the introduction of Google Lighthouse 6 Largest Contentful paint (LCP)is affecting my Site performance score . Most of...

How can I load environment variables with ts-node?

I've tried a few implementations which none have been successful. First Attempt Using eval in package.json script "fetch:data": "eval $(cat .env) ts-node -O '{\"module\":\"commonjs\"}'...

Next.js dynamic route error: The provided path `page-name` does not match the page: `/[slug]`

I am attempting to use [slug].js to render pages adjacent to index.js via getStaticProps and getStaticPaths. Upon navigation to a page using the dynamic route I get a mismatch error. This error...

in google page speed i have a Largest Contentful Paint

I have bad result for a Largest Contentful Paint. I use this code: <img src="http://localhost:49167/media/cache/resolve/lazy/build/template/hand.png" data-srcset=" ...

Gatsby Source Contentful 4.x - Rich Text - changes to JSON

I'm trying to get the Rich Text from Contentful, but in the 4.x version of gatsby-source-contentful, the documentation no longer seems updated. It refers to the json, but it has changed to raw,...

Browser instance get killed while running light house through puppeteer on the second page

On my application I am running light house on various page in my application, in an orderly manner for example first on the launch page then again once I log in one more time and so on. So after...

Can't properly render rich text field from Contentful headless cms using Gatsby.js

So, I am building a website for a local business where they can add previous jobs(its a renovation type of business) using contentful cms (sort of a blog of previous jobs). The problem I have is...

Azure static web app environment variable

I am trying to publish Gatsbyjs by Azure Static web app. I have a plugin (gatsby-source-contentful). I need to pass variables like: { resolve: `gatsby-source-contentful`, options: { ...

Gatsby Contentful embedded image

As I see there is no json option anymore when querying the contentfulBlogPost only raw. I was able to make some changes to get everything from the body, except the image from that post. If I made...

Gatsby: "Cannot read property 'split' of undefined" when deploying to netlify

I have this Gatsby Project i was used to deploying without problems, until the new v3 came accross. Now when I use Netlify to deploy, i'm getting this error which i'm not getting in Development...

Category page with tags - Contentful - Next.JS

I would like to create a category page containing all tags added to articles. When clicking on a tag it should show a page with all articles containing that specific tag. I'm using Next.js, SSG,...

How can I lower my LCP score on PageSpeed Insights?

Context: I recently finished my first ever project for a client (I'm 18 years old) & recently I've been trying to improve the web vitals to boost their SEO. The biggest problem that I have is that...

How to use contentful-management to add an asset to an entry in one api call?

I would like to add an asset along with an entry. I'm using a form to enter some data and upload an image all in one API call. I'm using cloudinary to store images, but Contentful-Management is...

Cannot query field "bodyRichText" on "ContentfulBlogPost" using gatsby-source-contentful

I'm building a site/blog with gatsby. Blog content is stored on my contentful CMS. I'm able to query and display all the data from the CMS except when it comes to the rich text. I'm using...

create-react-app is behind the latest version

I'm trying to run: npx @contentful/create-contentful-app init contentful-refs However this fails and throws the following errors: You are running create-react-app 4.0.3, which is behind the latest...

Analyzing, optimizing and lazy loading vendor.js when doing SvelteKit server-side rendered pages

I am building a website with SvelteKit. SvelteKit makes things a blast, especially server-side rendering is easy. Currently, I am serving the website using SvelteKit's node.js adapter due to the...