Deploying Next JS on Vercel
6 replies
Last updated: Jan 20, 2021
P
I’m having some issues with setting up a fresh setup of nextjs + sanity + vercel. I’ve got the build working locally and its able to find the static paths but when i run a deploy through vercel i get the following:
Would anyone know why this would happen? I’m think it may be some sort of permission thing for vercel to access sanity potentially? Thanks in advance!
21:00:59.874 > Build error occurred 21:00:59.876 Error: Invalid `paths` value returned from getStaticPaths in /[slug]. 21:00:59.876 `paths` must be an array of strings or objects of shape { params: [key: string]: string } 21:00:59.877 at buildStaticPaths (/vercel/workpath0/node_modules/next/dist/build/utils.js:16:1065) 21:00:59.877 at processTicksAndRejections (internal/process/task_queues.js:97:5) 21:00:59.877 at async Object.isPageStatic (/vercel/workpath0/node_modules/next/dist/build/utils.js:26:612) { 21:00:59.877 type: 'Error' 21:00:59.877 }
Jan 20, 2021, 10:35 AM
E
are you talking to the prodution dataset?can you verify it’s set to public?
Jan 20, 2021, 10:36 AM
E
i would also just console.log(paths) to see whats happening
Jan 20, 2021, 10:36 AM
P
it is set to public, I’ll also console log paths
Jan 20, 2021, 10:36 AM
P
export async function getStaticProps ({ params = {}, preview = false }) { const { slug } = params const { page: pageData } = await getClient(preview).fetch(query, { slug }) return { props: { preview, pageData, slug } } } export async function getStaticPaths () { const routes = await getClient() .fetch(`*[_type == "route" && defined(slug.current)]{ "params": {"slug": slug.current} }`) return { paths: routes || null, fallback: true } }
Jan 20, 2021, 10:37 AM
P
After console logging
routesjust before the return its currently just undefined
Jan 20, 2021, 10:42 AM
P
Figured it out, after console logging the getClient I noticed by project ID wasn’t correct but the reason why i didnt have the issue locally was because my environment variables setup in vercel were wrong so when they we’re being used thats when i ran into this issue
Jan 20, 2021, 10:57 AM
Sanity– build remarkable experiences at scale
Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.