En esta página

Tecnología

Next.js

Next.js es un framework de React para aplicaciones web full-stack: las páginas se renderizan en el servidor, los datos se cargan junto a la interfaz y una sola base de código sirve para ambos. Lo uso para interfaces de producto, paneles de administración y webs multilingües, también esta

Tipo
Tecnología
Sitio oficial
nextjs.org
En mi trabajo
Proyectos 1 · Herramientas 1 · Servicios 3
Publicado

¿Qué es Next.js y qué construyo con él?

La mayoría de mis productos web empiezan en Next.js. Permite que un solo ingeniero entregue la interfaz, la lógica del servidor y las páginas legibles para los buscadores sin tener que unir tres proyectos distintos

Datos clave

Tipo
Framework de React para aplicaciones web full-stack ·
Desarrollado por
Vercel, como código abierto ·

Cómo uso Next.js

  • Esta web. vibecatter.com funciona con Next.js: páginas renderizadas en el servidor en cuatro idiomas, un CMS propio con borradores y publicación, datos estructurados y un panel de administración.
  • Una plataforma de juegos en tiempo real. La web, la vista del juego en la pantalla grande y los mandos en el móvil de mi plataforma multijugador se hicieron con Next.js, React y TypeScript; el servidor de juego es un proceso aparte de Node.js. Lee el caso.
  • MVP. En un producto nuevo, Next.js cubre las páginas de marketing, el inicio de sesión, el panel de usuario y la API en una sola base de código, así que la primera versión llega antes a los usuarios. Mira desarrollo de MVP.

Cuándo elijo Next.js y sus límites

Elijo Next.js cuando un producto necesita páginas que los buscadores puedan leer, una interfaz de aplicación y un servidor en un mismo sitio. El renderizado en el servidor mantiene rápida la primera pantalla, y el mismo código ejecuta la API.

No sirve para todo. Un servidor en tiempo real que funciona sin parar, como el bucle de un juego, está mejor en su propio proceso de Node.js junto a Next.js. Una landing estática no necesita ningún framework. Y el framework cambia rápido, así que mantengo cada proyecto en una versión actual y con soporte.

Se usa junto con

Fuentes

  1. Next.js Documentation — Vercel ·

Contacto

¿Tienes una idea? Hagámosla realidad