Qué es Next.js
Next.js es un framework para crear webs y aplicaciones con React. Permite generar las páginas en el servidor, de modo que llegan ya construidas al navegador y a Google, y también escribir la parte de servidor (formularios, pagos, paneles privados) dentro del mismo proyecto.
Cómo lo uso
Trabajo con la versión 16 y el App Router. Mis patrones habituales:
- Componentes de servidor por defecto. Solo marco como componente de cliente lo que de verdad necesita el navegador: un menú, un formulario interactivo, un mapa.
- API en el mismo proyecto. Uso route handlers para formularios, paneles de administración y webhooks, y Server Actions para formularios internos. Valido todo lo que entra con Zod antes de tocar la base de datos.
- Varios dominios, un solo proyecto. Con el proxy de Next.js sirvo la web pública, el panel de administración y el área de cliente desde subdominios distintos sin mantener tres aplicaciones.
- SEO técnico desde el código. Sitemap, robots, manifest e imagen para redes se generan desde el propio proyecto, y cada página define su título y descripción.
- Despliegue en Docker. Activo la salida
standalone, construyo una imagen en varias etapas que se ejecuta con un usuario sin privilegios y con comprobación de salud, y la despliego en Coolify. Las migraciones de la base de datos se aplican al arrancar. - Tiempo real cuando hace falta. En una aplicación de gestión levanté un servidor propio que comparte puerto entre Next.js y un canal WebSocket, alimentado por avisos de PostgreSQL.
Para el inicio de sesión he usado Auth.js, passkeys con WebAuthn y sesiones propias con cookie, según lo que pidiera cada proyecto.
Proyectos donde lo he usado
- Phu Yao: web pública, administración y área de cliente de una escuela de Muay Thai y MMA en Vila-real, con reservas, tienda, socios y emails.
- Grupote: app de finanzas personales y cuentas compartidas, instalable como PWA, con pruebas end-to-end en Playwright.
- La web, la tienda y el CRM interno de una comunidad de servidores de juego. Antes eran dos frontales Angular y una API aparte; los uní en una sola aplicación Next.js para que hubiera una única pieza que mantener y desplegar.
- Un TPV con pedidos por QR para un local de hostelería y una aplicación de gestión con informes en Excel para un centro de ocio.
- Landings para una pizzería y una empresa de reformas.
- Esta web, incluido el formulario de presupuesto y su panel privado.
Cuándo lo recomiendo y cuándo no
Lo recomiendo cuando necesitas una web que posicione bien en Google y, además, algo de lógica propia: reservas, pedidos, área de clientes, un panel interno. Tener todo en un proyecto reduce costes de mantenimiento.
No lo recomiendo si el backend va a ser grande y lo van a consumir varias aplicaciones (web, app móvil, integraciones). En ese caso prefiero una API independiente, por ejemplo con NestJS.
Preguntas frecuentes
¿Una web en Next.js es buena para el SEO?
Sí, porque las páginas se generan en el servidor y llegan completas a los buscadores. El resto depende del contenido y de una buena estructura.
¿Necesito un hosting especial?
Basta un servidor que ejecute Docker o Node.js. Yo suelo desplegar en un VPS con Coolify, sin depender de una plataforma concreta.
¿Puedo editar los textos yo mismo?
Sí, si añadimos un panel o un CMS para los contenidos que cambien a menudo.
¿Quieres una web o aplicación con Next.js? Pídeme presupuesto.