Así que estoy tratando de desarrollar la próxima aplicación con una ruta de API protegida. Cuando simplemente se usa el navegador para llamar a la API, responde el resultado, pero cuando lo uso desde la llamada del cliente, devuelve nulo,

Pero cuando lo hago desde el lado del cliente, devuelve nulo

Siguiente lado del cliente Js

 export async function getServerSideProps() { const res = await fetch(`${host}/api/categories`); const categories: DataC = await res.json(); const resS = await fetch(`${host}/api/subcategories`); const subcategories: DataS = await resS.json(); const resProducts = await fetch(`${host}/api/addproducts`,); const products: productRes = await resProducts.json(); return (.....) }

Siguiente parte JS Api

 import type { NextApiRequest, NextApiResponse } from 'next' import { Category, PrismaClient, Subcategory } from '@prisma/client' import { getSession } from 'next-auth/react'; export default async function handler( req: NextApiRequest, res: NextApiResponse<Data> ) { try { const session = await getSession({ req }); console.log(session); ....... }catch (error) { console.log(error); res.status(500).json({ success: false, product: null }); } }

También probé con credenciales: 'incluir', credenciales: 'mismo sitio' pero no funcionó

EDITAR:

 [https://stackoverflow.com/questions/69057271/why-are-cookies-not-sent-to-the-server-via-getserversideprops-in-next-js][4]

aquí está la solución