Talvez seja pq você não está usando o getStaticPaths, não vou saber te explicar pois eu ainda estou estudando e ainda tenho duvidas sobre isso também.
Porém, no tutorial do próprio Next Js, eles criam um blog, e quando ele vai fazer a consulta dos posts, ele precisa usar ambos, o getStaticProps, e o getStaticPaths pra "listar" quais são os dados dinâmicos... Segue o exemplo do tutorial aqui
Acredito que não seja isso, pois eu nem estou usando o getStaticPaths
. Eu tô passando dentro do getStaticProps
os "srcID" de cada imagem, aí eu passo esse retorno dentro do useContext
para acessar em qualquer componente o local que a imagem está.
por exemplo:
import Image from "next/image"
import { useContext } from "react"
import { ContentContext } from "../.."
const Componente = () => {
const { images } = useContext(ContentContext)
return(
<Image
src={images.profile}
...
/>
)
}
images.profile
me retornaria a string "portfolio/myPhoto_jsruis.png"
, mas o meu next já está configurado pra receber essa string no "src" do componente Image
e proucurar no Cloudinary
a imagem.
Volto a dizer que tudo em codeSandBox funciona certinho, o problema está no build.