Fundamentos
Next.js El futuro del Desarrollo Web
Novedades de Next.js 15
Migraci贸n de una APP a Next.js 15
Haciendo tu proyecto m谩s r谩pido
RSC: Refactorizando un componente cliente a servidor
C贸mo usar React Server Components con PostgreSQL sin un ORM
Consumiendo datos de manera eficiente
Consumiendo datos desde el servidor en Next.js 15
Consumiendo datos desde el cliente con React Query en Next.js 15
Patrones de Dise帽o: paralelo, secuencial y preload en Next.js 15
Uso avanzado de Suspense con Streaming rendering en Next.js 15
Escalabilidad y personalizaci贸n
Internacionalizaci贸n avanzada: rutas dinamicas y middlewares
Internacionalizaci贸n avanzada: diccionario de traducciones
Autenticaci贸n: Middleware en Next.js para validar sesiones
Autenticaci贸n: Cookie sessions Next.js
Feature Flags LaunchDarkly en Next.js 15
Manejo de errores en React Server Components y Next.js
Manejo de errores y observavilidad: Integraci贸n con Sentry
Caracter铆sticas Adicionales y Herramientas
Sistemas de cach茅 en Next.js 15
Seguridad y buenas pr谩cticas con Next.js
Seguridad y buenas pr谩cticas: cookies, jwt y encriptaci贸n
Auditoria de performance en Next.js 15
Despliegue en Producci贸n con Vercel
Despliegue en Fly.io: Preparaci贸n de Base de Datos
Despliegue en Fly.io: Despliegar Next.js en nuestro propio servidor
Next.js 15 el futuro del Desarrollo Web
No tienes acceso a esta clase
隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Consumiendo datos desde el servidor en Next.js 15
6/24Aprovechar un ORM para manejar datos relacionales en nuestras aplicaciones modernas puede simplificar enormemente el proceso de consulta y mantenimiento de datos. Aqu铆 exploramos c贸mo implementar Drizzle como ORM en un proyecto utilizando componentes de servidor y c贸mo esto optimiza el manejo de datos en Next.js.
驴Qu茅 es un ORM y por qu茅 deber铆as considerarlo?
- Un ORM (Object-Relational Mapper) facilita la comunicaci贸n con bases de datos relacionales a trav茅s de abstracciones en lugar de queries SQL crudos.
- Mejora la legibilidad del c贸digo, reduce la probabilidad de errores y simplifica el mantenimiento.
- Herramientas como Drizzle ofrecen compatibilidad con TypeScript, integr谩ndose perfectamente en proyectos modernos.
驴C贸mo reemplazar un fetch con un ORM?
-
El problema con fetch:
- Fetch suele requerir URLs absolutas, lo que puede complicar el desarrollo y la producci贸n.
- Al depender de una API intermedia, a帽adimos una capa innecesaria que puede eliminarse.
-
Sustituyendo fetch por Drizzle:
- Identifica la l贸gica del API intermedia. En este caso, un
fetchenbookmarks API. - Utiliza Drizzle directamente en el componente del servidor para acceder a la base de datos.
- Al hacerlo, reducimos la carga de mantenimiento y optimizamos el flujo de datos.
- Identifica la l贸gica del API intermedia. En este caso, un
驴C贸mo configurar Drizzle en tu proyecto?
-
Conexi贸n inicial:
- Configura Drizzle para trabajar con tu base de datos (en este caso, PostgreSQL).
- Define tus esquemas de base de datos con TypeScript para aprovechar su tipado.
-
Implementaci贸n directa:
- Remueve las dependencias a APIs intermedias.
- Reemplaza queries SQL crudos con las funciones del ORM.
- Verifica los resultados y optimiza tu c贸digo para asegurar un rendimiento eficiente.
驴Qu茅 ventajas ofrece Next.js en esta integraci贸n?
- React Server Components: Permite ejecutar c贸digo del servidor en componentes React sin exponer datos sensibles al cliente.
- Optimizaci贸n autom谩tica: Next.js gestiona la separaci贸n entre cliente y servidor, garantizando que solo los datos necesarios se env铆en al cliente.
驴Cu谩ndo utilizar un ORM en lugar de una API?
- Cuando el proyecto requiere simplicidad en el manejo de datos.
- Si necesitas una soluci贸n m谩s eficiente para queries frecuentes o complejas.
- En aplicaciones que buscan eliminar capas intermedias y optimizar el rendimiento.
Aportes 0
Preguntas 0
驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?