Tengo un error al intentar implementar la aplicación en Vercel. El problema ocurre principalmente al intentar ejecutar la siguiente compilación porque funciona bien en mi servidor local: 3000. Este es paquete.json

 { "name": "foodrecipe", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@contentful/rich-text-react-renderer": "^15.4.0", "contentful": "^9.0.3", "next": "11.1.2", "react": "17.0.2", "react-dom": "17.0.2" }, "devDependencies": { "eslint": "7.32.0", "eslint-config-next": "11.1.2" } }

Este es el registro completo:

Estas son funciones getStaticPaths/props en [slug].js:

 const client = createClient({ space: process.env.CONTENTFUL_SPACE_ID , accessToken:process.env.CONTENTFUL_ACCESS_KEY }) export const getStaticPaths = async()=>{ const response = await client.getEntries({content_type:'recipesReactjs'}) const paths = response.items.map(item =>{ return{ params:{slug: item.fields.slug} } }) return{ paths:paths, fallback:true, } } export const getStaticProps = async(context)=>{ const response = await client.getEntries({ content_type:'recipesReactjs', 'fields.slug':context.params.slug, }) if(!response.items.length){ return{ redirect:{ destination:'/', permanant:false } } } return{ props:{myRecipe: response.items[0]}, revalidate:1 , } }