Skip to content
Español
Volver al directorio

nextjs.org

200 OK

Next.js incorpora enrutamiento, renderizado y funciones de servidor a React

Developer ToolsGoogle AnalyticsNext.jsReact

Otros dominios en Developer Tools

Listados por categoría con la última comprobación almacenada.

Cómo Astro convierte el contenido en HTML y añade interacción de forma selectiva

Developer ToolsTailwind CSS

Gatsby conecta sitios web de React con contenido estructurado y un renderizado flexible

Developer ToolsGoogle Analytics

nuxt.com

200 OK

Crea sitios web y aplicaciones Vue con enrutamiento, lógica de servidor y renderizado flexible

Developer ToolsNuxtVercel

Cuándo comparar Next.js con otro framework

Next.js es un candidato sólido cuando React es el modelo principal de la aplicación y un producto necesita enrutamiento, lógica del servidor, páginas respaldadas por datos e interacción en el navegador dentro de un solo proyecto. Otro framework puede ser más adecuado cuando el sitio contiene principalmente contenido estático, utiliza un ecosistema de componentes diferente o necesita un conjunto menor de conceptos de ejecución.

Las alternativas mostradas junto a esta página pueden cambiar a medida que se publiquen nuevas entradas en el directorio. Utiliza la tabla de evaluación siguiente para valorar cualquier opción mostrada conforme a los mismos requisitos del proyecto, en lugar de interpretar su proximidad como una recomendación o una clasificación de popularidad.

Tabla de evaluación para tomar una decisión

Requisito Favorece a Next.js cuando… Investiga alternativas cuando…
Uso de React React es fundamental en todo el producto React no es necesario o se limita a pequeñas islas
Renderizado Las rutas necesitan una combinación de salidas estáticas, almacenadas en caché y generadas al recibir solicitudes Casi todas las páginas pueden utilizar un único modelo de entrega más sencillo
Funciones de servidor Los Server Components y los endpoints propios de la aplicación resuelven necesidades reales Un backend independiente ya posee estas responsabilidades
Contenido El contenido y los flujos de trabajo de la aplicación están estrechamente combinados Publicar contenido estático es la tarea dominante
Conocimientos del equipo El equipo comprende los límites entre servidor y cliente y el comportamiento de la caché Un modelo mental más sencillo reduciría el riesgo de mantenimiento
Alojamiento El destino admite todas las funciones de ejecución necesarias Los archivos estáticos u otro entorno de ejecución constituyen una restricción más firme

Una comparación justa de prototipos

Crea una ruta representativa en Next.js y en cada alternativa seria. Incluye contenido, imágenes, acceso a datos, estados de error e interacciones necesarias reales y, a continuación, compara:

  • El JavaScript del navegador y el comportamiento de las interacciones.
  • El tiempo de compilación y la respuesta durante el desarrollo.
  • El comportamiento estático, dinámico y de vigencia de la caché.
  • La accesibilidad y la mejora progresiva.
  • La compatibilidad del despliegue y los requisitos operativos.
  • El esfuerzo de migración, las necesidades de prueba y la comprensión del equipo.

Astro es especialmente relevante para sitios centrados en contenido que necesitan islas interactivas selectivas. Una herramienta de React centrada en el cliente puede resultar adecuada para aplicaciones con un backend gestionado por separado. Otros frameworks full-stack pueden ser preferibles cuando sus convenciones de enrutamiento, ejecución o despliegue se ajusten mejor al equipo.

No elijas basándote en afirmaciones genéricas sobre rendimiento o SEO. La elección del framework influye en la arquitectura disponible, pero los resultados medidos también dependen de los recursos, la latencia de los datos, el diseño de los componentes, el código del navegador, la calidad del contenido y la disciplina de implementación.