Puntos clave
- Next.js combina React con renderizado en servidor y generación de páginas.
- Permite separar contenido indexable e interacción con wallets en una misma aplicación.
- La elección entre contenido estático y dinámico depende de la frescura y la experiencia necesarias.
¿Qué es Next.js?
Next.js es un framework sobre React que integra routing, renderizado y funciones de servidor. Puede combinar páginas públicas indexables con interfaces que se conectan a una wallet. La decisión sobre qué ejecutar en servidor y qué enviar al navegador influye en rendimiento, acceso a datos y mantenimiento del producto.
App Router utiliza Server Components por defecto en páginas y layouts, y permite incorporar Client Components para interactividad. Pages Router sigue siendo otro router soportado; no debe confundirse con una versión antigua que ya no existe en versiones recientes del framework.
Cómo funciona
Los Server Components pueden consultar datos y preparar contenido sin enviar toda esa lógica al cliente. Los componentes que necesitan estado interactivo, eventos o APIs del navegador se sitúan en el límite cliente. Un Client Component puede participar en el HTML prerenderizado; la directiva use client no significa que todo su contenido aparezca únicamente después de cargar JavaScript.
Los Route Handlers exponen endpoints HTTP y son apropiados para recibir webhooks con validación. Las Server Actions atienden mutaciones integradas con la aplicación. Los procesos duraderos o trabajos en segundo plano requieren una infraestructura adecuada al entorno de despliegue.
Qué aporta Next.js
Un producto puede reunir documentación, páginas comerciales y una dApp bajo un mismo dominio. El contenido público se prerenderiza cuando conviene, mientras la zona de wallet gestiona firmas y consultas según la cuenta conectada. Los datos privados y las credenciales permanecen en el servidor y no se incluyen en propiedades enviadas al cliente.
Para SEO se definen metadata, canonical, variantes de idioma y datos estructurados que correspondan al contenido visible. El framework proporciona mecanismos, pero no genera una estrategia de indexación correcta automáticamente. Cada ruta necesita contenido útil y estados coherentes ante ausencia de datos.
Limitaciones y criterios de elección
La caché debe diseñarse según la naturaleza del dato. Un artículo puede tolerar revalidación diferida; un saldo usado para preparar una operación exige comprobar su actualidad. Las reglas dependen de la versión y configuración de Next.js, por lo que no deben trasladarse supuestos de tutoriales antiguos sin revisión.
Next.js puede desplegarse en Vercel o en otros entornos compatibles. La opción elegida debe soportar las funciones utilizadas, su caché y sus tareas operativas. Para una interfaz sencilla sin contenido público puede bastar otra arquitectura. La elección compara necesidades reales de renderizado, servidor y mantenimiento.
También conocido como
- NextJS
- Next.js framework
- Vercel Next
