Estoy obteniendo datos en getStaticProps() en Next js y esto funciona bien en el desarrollo local pero genera un error en la next build ya que el servidor no está disponible en next build

 FetchError: request to http://localhost:3000/api/cs failed, reason: connect ECONNREFUSED 127.0.0.1:3000

Después de leer algunas discusiones en GitHub, me di cuenta de que no puede usar fetch directamente en getStaticProps. Entonces, separé la lógica de búsqueda en un archivo separado y llamé a la función dentro de getStaticProps . Aquí está el código ..

 export async function getStaticProps({ params }) { const data = await getData(params.id); return { props: { data, }, }; } export async function getStaticPaths() { return { paths: [ { params: { id: "cs" } }, { params: { id: "hyd" } }, { params: { id: "cass" } }, ], fallback: false, }; }

y el código getData está en otro archivo

 export async function getData(id){ const res = await fetch(`http://localhost:3000/api/${id}`) const data = await res.json() return data }

Este código funciona en el desarrollo local, pero genera errores en la next build en la que se rechaza la conexión porque el servidor no está disponible en el modo de compilación. Así que hice que el servidor se ejecutara en otra terminal, pero esto genera un error en la instancia de WriteStream.

 Error: EPERM: operation not permitted, open 'D:\next-project\next-website\.next\trace' Emitted 'error' event on WriteStream instance at: at emitErrorNT (node:internal/streams/destroy:157:8) at emitErrorCloseNT (node:internal/streams/destroy:122:3) at processTicksAndRejections (node:internal/process/task_queues:83:21) { errno: -4048, code: 'EPERM', syscall: 'open', path: 'D:\\next-project\\next-website\\.next\\trace' }

Puedo obtener los datos del lado del cliente, pero quería probar getStaticProps ya que el número de páginas es solo 3. ¿Cuál es la forma correcta de obtener la siguiente API local para crear una página estática?