Tengo una página Next.js que está obteniendo datos de una base de datos (usando prisma como ORM) dentro de getServerSideProps() .
Estoy trabajando en base a este ejemplo de un Prisma github oficial . Aquí hay una versión simplificada de la configuración de la página:
import prisma from 'prisma'; export const getServerSideProps = async ({ req, res }) => { const drafts = await prisma.post.findMany(...); }; const MyPage = () => {return <div>Hello</div>}; export default MyPage; Prisma se importa al archivo de la página y se hace referencia en getServerSideProps() pero no se hace referencia en el componente de la página real que se exporta. Mi pregunta es, ¿se incluirá prisma en el paquete enviado al navegador con esta página? ¿O es Next lo suficientemente inteligente como para recortar paquetes a los que se hace referencia solo en funciones del lado del servidor?
No. No se incluirá en el lado del cliente. Next.js es lo suficientemente inteligente.
Consulte aquí: https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering