- Aunque todavía me gusta React y también me gusta lo que ofrece Vercel, me cambié a TanStack por el problema del aumento de complejidad y costo de Next.js
- A TanStack todavía le falta camino, pero es intuitivo y permite agregar funciones avanzadas fácilmente cuando se necesitan
- Hasta que realmente se necesiten las funciones avanzadas de Next.js, TanStack es la mejor opción
Fortalezas de Next.js
- Configuración rápida y soporte para diversas integraciones
- Next.js es un "React Framework for the Web", por lo que permite configurar rápidamente una app de React
- Tiene varias guías de integración: MUI, MarkdocDataDog, etc.
- Ofrece plugins nativos para herramientas como Jest
- Ventajoso para aplicaciones grandes y de alto rendimiento
- Permite ajustar con detalle el patrón de renderizado de cada página
- Ofrece varias APIs para alto rendimiento
- renderizado del lado del servidor (SSR)
- renderizado previo parcial (PPR)
- funciones edge, streaming e hidratación selectiva
- Con soporte para regeneración estática incremental (ISR), puede manejar de forma eficiente contenido con mucho tráfico
Límites y problemas de Next.js
- Complejidad de funciones avanzadas innecesarias
- Las funciones avanzadas se sienten excesivas para apps pequeñas
- Hay muchas mejoras micro de rendimiento que no hacen falta en startups en etapa inicial
- Problema de costos económicos
- Muchas funciones de Next.js están atadas a servicios comerciales
- edge computing (
middleware.ts)
- transformación de imágenes (
next/image)
- ISR (
export const revalidate = 60)
- ejecución de funciones serverless (
app/api/route.ts)
- La alta dependencia de los servicios de Vercel aumenta el riesgo de costos mayores
- Curva de aprendizaje y superficie de API complejas
- La complejidad del App Router eleva la curva de aprendizaje
- En la documentación, las explicaciones de conceptos son enredadas y difíciles de entender
- Depurar es difícil
- existen tres sistemas de caché: full route cache, data cache y router cache
- Soporte insuficiente para SPA (aplicaciones de una sola página)
- El soporte de SPA en Next.js es limitado y es difícil mejorar el rendimiento
- El rendimiento del servidor de desarrollo queda por detrás de Vite
- El rendimiento de TurboPack tampoco cumple las expectativas
Ventajas de TanStack + Vite
- Estructura simple e intuitiva
- TanStack Router ofrece autocompletado y validación de parámetros de búsqueda mediante Zod
- El flujo del código es claro y predecible
- Gestión de estado con TanStack Query
- Permite gestionar y depurar fácilmente el estado del servidor
- Incluye herramientas de desarrollo integradas
- Rendimiento rápido de Vite
- La velocidad de build y ejecución de código es alta
- Funciona de inmediato sin configuraciones complejas
- No depende de un servicio cloud específico
1 comentarios
Creo que, a medida que se desarrolla, al final terminará siendo como Next.js.