Creé una aplicación para pedir pizza con nextjs en mi servidor local. Estoy tratando de implementarlo en vercel y tengo un problema. Mi github de la aplicación es: - https://github.com/ajaybirbal/nextjs-pizzaapp

Mira, la página de inicio de las aplicaciones de mi aplicación está en localhost:3000. Mi aplicación obtiene datos de pizza de localhost:3000/api/pizzas, que proporciona una lista de pizzas en formato json. Como resultado, configuré mis variables env de la siguiente manera: -

Archivo .env - https://github.com/ajaybirbal/nextjs-pizzaapp/blob/main/.env.local

 URL_API = http://localhost:3000/api/ NEXT_PUBLIC_API_URL = http://localhost:3000/api/

js que toma valores del archivo env: https://github.com/ajaybirbal/nextjs-pizzaapp/blob/main/services/pizzaApiUrls.js

 const API_URL = process.env.URL_API; //Url for getting all pizzas export const ALL_PIZZAS_API_URL = `${API_URL}pizzas`

Ahora, estoy tratando de implementarlo en vercel. Así que cambié mi URL_API a '/api/' que no funciona. Incluso intenté cambiarlo a 'api' o '/api' o 'api/' sin ningún éxito. Todas mis aplicaciones dejan de funcionar. Tengo que escribir toda la dirección con localhost:3000/api/pizzas para que funcione o, de lo contrario, toda la aplicación se rompe incluso en el servidor local.

¿Cómo lo cambio para que pueda estar listo para la producción? Nuevamente aquí está mi github: - https://github.com/ajaybirbal/nextjs-pizzaapp

Recibo este error en la consola vercel: -

 > Build error occurred TypeError: Cannot read property 'map' of null at getStaticPaths (/vercel/path0/.next/server/pages/pizza/[id].js:146:26) at processTicksAndRejections (internal/process/task_queues.js:95:5) at async buildStaticPaths (/vercel/path0/node_modules/next/dist/build/utils.js:498:31) at async /vercel/path0/node_modules/next/dist/build/utils.js:641:119 at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:75:20) { type: 'TypeError' }

Es la línea 61 de esto: - https://github.com/ajaybirbal/nextjs-pizzaapp/blob/main/pages/pizza/%5Bid%5D.js

Entonces, el mapa no obtiene datos json.

Intenté cambiar las variables env en vercel así: - https://nextjs-pizzaapp.vercel.app/api/

Encontré el dominio en configuración->Dominios. Además, muestra Error al asignar