Next.js

Next.js es una herramienta gratuita construida sobre React que prepara la página entera en el servidor, de modo que una web React abre rápido y los buscadores pueden leerla.

También conocido como Next NextJS framework de React

Definición

Next.js es un conjunto de herramientas gratuito construido sobre React, y la forma más fácil de entenderlo es mirar qué tarea asume él. React dibuja la pantalla, pero deja una pregunta abierta. ¿Quién arma la página la primera vez, el servidor o el móvil del visitante? Next.js responde que el servidor, y esa sola decisión es lo que la gente compra en realidad.

Una web React normal envía una página casi vacía junto a un paquete de código. El móvil tiene que descargar ese código y ejecutarlo antes de poder dibujar nada. En un portátil rápido nadie lo nota, pero en un móvil de cinco años con datos flojos el visitante se queda mirando el blanco. Next.js prepara la página terminada en el servidor y manda el texto y las imágenes de inmediato. React despierta después por detrás, y la página se vuelve pulsable.

La otra mitad del argumento es la búsqueda, porque Google sí lee páginas que se construyen en el navegador. Lo hace más tarde, eso sí, y no siempre termina. Otros buscadores y los robots de vista previa de las apps de mensajería lo hacen aún peor. Así que si sus fichas de producto llegan vacías, la descripción que Google guarda puede quedarse vacía también. Por eso una tienda, una clínica o una página de servicio se hace de esta manera. Y por eso en Linkysoft metemos al equipo de marketing digital en la creación de la web antes de aprobar el diseño, no después.

Ahora el coste que nadie menciona en la reunión, que es que una web Next.js es un programa en marcha y no una carpeta de archivos. Suele necesitar un servidor que siga despierto, así que el plan de alojamiento compartido barato puede quedarse corto y la factura pasa a ser mensual. Hay una salida que poca gente pide por su nombre. Las páginas que casi no cambian se pueden fabricar una vez al publicar y servirse como archivos normales, que es la opción más rápida y más barata a la vez. Pregunte cuáles de sus páginas pueden funcionar así.

La debilidad honesta es el ritmo de cambio, porque Next.js ha cambiado más de una vez la forma de escribir las páginas. Una web de hace cuatro años puede necesitar trabajo de verdad para llegar a la versión actual, así que pregunte qué versión recibe antes de firmar. Pregunte también quién paga el siguiente salto, ya que esa respuesta vale más que cualquier promesa de rapidez. Linkysoft la escribe en el presupuesto, puesto que en una aplicación web con mucho movimiento la actualización es un proyecto aparte.

Preguntas sobre Next.js

¿Cuál es la diferencia entre React y Next.js?
Next.js usa React por dentro. React solo dibuja la pantalla. Next.js añade lo que falta alrededor: páginas hechas en el servidor, una dirección para cada página y gestión de imágenes.
¿Una web de empresa pequeña necesita Next.js?
Muchas veces no. Cinco páginas de texto y fotos pueden ser una web sencilla y barata. Next.js se gana su sitio cuando hay muchas páginas, datos que cambian o una zona de clientes con contraseña.
¿Dónde se puede alojar una web Next.js?
En cualquier servidor que pueda mantener un programa Node en marcha, o en una plataforma pensada para ello. Si todas las páginas se pueden preparar antes, la web se exporta como archivos normales y se aloja casi en cualquier sitio.
¿Next.js hará más rápida mi web?
Suele hacer que la primera vista sea mucho más rápida, porque el texto aparece antes de que termine de cargar el código. No reduce el código. Una página pesada sigue pesada: mida en un móvil real.
¿Next.js es gratis para uso comercial?
Sí. Es de código abierto y se puede usar libremente en un producto de pago. La empresa que lo hace vende alojamiento, pero es opcional: sirve cualquier servidor capaz de ejecutarlo.

¿Sigue sin ver cómo se aplica esto a su proyecto?

Cuéntenos qué está construyendo y le responderemos en lenguaje claro.