All Questions
10
questions
1
vote
3
answers
2k
views
NextJs Google fonts issue - Only one font gets displayed
I'm connecting Google Fonts link to the HEAD section in _app.js file of my NextJs application. The link contains two fonts.
https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=...
- 2,149
1
vote
1
answer
224
views
How to deploy React + Sanity app to Netlify
I currently worked on a Portfolio web application built using React and Sanity.io. After deploying to Netlify, all content in the Sanity was not showing.
Please, what am I not doing right?
I noticed I ...
1
vote
1
answer
2k
views
Problem with rich text that I get from Sanity
import React from "react"
import {
Link,
graphql
} from "gatsby"
import Image from "gatsby-image"
import BlockContent from "@sanity/block-content-to-react"
import Layout from "../components/...
- 55
1
vote
1
answer
122
views
Making image responsive: Using ReactJS and Sanity BlockContent
<BlockContent
blocks={post.body}
imageOptions={{ width: 800, height: 400}}
serializers={serializers}
/>
So I have this imageOptions prop which takes css styles, I can use only pixels but ...
- 1,113
0
votes
1
answer
192
views
sanity blogs are not rendering in netlify
I just hosted my portfolio website on netlify for free and everything is working fine except the blogs page. The blogs as well as the blogPost page are not rendering. In the browser console I am ...
user19043079
0
votes
1
answer
373
views
How can I implement a Next.js Image component with a fixed width and dynamic height to keep the image's dimensions?
The image is sourced from SanityCMS, and the current code (ChakraUI styling) I have is:
<Box w="500px" h="500px" bg="red">
<Image
src={allArtPieces[0]....
- 19
0
votes
0
answers
42
views
+50
How to use Sanity image hotspot when dynamically sized
tl;dr I want to keep the Sanity hotspot on screen in a 100vw and 100dvh section, no matter how the user sizes it.
Goal
On my client's website, I have an image slider for the background of the hero ...
- 609
0
votes
1
answer
88
views
useParams for category products
I am new with React JS and I am trying to be able to call the list of products by their category. That should be done from the Navbar, but I could not sort it out. If there is someone to help me with ...
- 1
0
votes
1
answer
2k
views
Best Way to Add Syntax Highlighting to Code Block - React Sanity Blog
I am trying to find the most efficient way to add syntax highlighting to my react sanity.io blog. Here's the article component that I created using react:
import React, {useEffect, useState} from "...
0
votes
1
answer
2k
views
Unsupported style property with React-Awesome-Slider and Gatsby
I've added React Awesomeslider into my project, which is built with Gatsby.js, Next.js and using Sanity.io as a CMS. The css is currently configured by post css.
https://github.com/rcaferati/react-...
- 161