Por qué construyo TODOS mis sitios web con Next.js (y cuándo no deberías)

Hay una decisión que casi nadie ve, pero que determina si tu página web será rápida o lenta, si Google la va a posicionar o a ignorar, y si dentro de dos años será fácil o carísima de mantener: el framework con el que se construye.

La mayoría elige por moda o por lo que "sabe hacer el que le salió más barato". Yo elijo distinto: uso la misma tecnología en todos mis proyectos. Construí una tienda de café en Alemania, el sitio de un fotógrafo, un estudio de respiración en Berlín y varias plataformas más — y todas corren sobre Next.js. No por comodidad, sino porque es la decisión más rentable a largo plazo. Te explico por qué, y también dónde NO lo usaría.

Qué es Next.js (en simple)

Si React son los ladrillos para construir la interfaz de una web, Next.js es la casa completa: ya viene con los planos, la plomería y los cimientos resueltos. Es un framework construido sobre React, lo mantiene la empresa Vercel y lo usan compañías como Netflix, Nike, TikTok o la NASA.

En términos de negocio: te permite construir sitios rápidos, bien posicionados en Google y fáciles de mantener, sin tener que reinventar la rueda en cada proyecto.

Las 5 razones por las que lo uso en todo

1. Todo en un solo lugar (full-stack). Con Next.js, el frontend (lo que ve el usuario) y el backend (la lógica, las conexiones a la base de datos, los pagos) viven en el mismo proyecto. En la tienda de café que construimos, el catálogo, el carrito, el checkout con la pasarela de pago y el panel de administración están todos en el mismo código. No hay que coordinar dos sistemas separados: menos piezas, menos cosas que se rompen.

2. SEO por diseño — y esto es lo que más le importa a tu negocio. Muchas webs modernas se arman en el navegador con JavaScript. El problema: cuando Google llega a leerlas, encuentra una página casi vacía y le cuesta posicionarla. Next.js hace lo contrario: entrega el HTML ya armado desde el servidor, así que Google lo entiende perfecto. Por eso el blog de nuestra agencia posiciona en búsquedas reales y atrae clientes sin pagar publicidad. Para una empresa, esto se traduce directo en visibilidad.

3. Velocidad (y la velocidad es dinero). Next.js optimiza las imágenes automáticamente, carga solo el código que la página necesita y pre-genera lo que puede. En un proyecto real, pasamos un sitio que cargaba en cerca de 8 segundos a hacerlo en menos de 3. Cada segundo que tarda una web en cargar, pierdes visitantes y ventas — y Google penaliza a los sitios lentos en su posicionamiento.

4. Código ordenado con el App Router. El "App Router" es la forma moderna de organizar un proyecto Next.js. Te deja escribir cosas como el menú de navegación o el pie de página una sola vez y compartirlas en todo el sitio, y enviar menos JavaScript al navegador del usuario (lo que lo hace más rápido). En la práctica, esto significa proyectos más limpios y mantenibles: cuando hay que cambiar algo, se cambia en un solo lugar.

5. Un solo stack = velocidad para construir. Esta es, para mí, la razón más poderosa. Al repetir siempre la misma combinación — Next.js + Supabase (base de datos) + Vercel (despliegue) + Tailwind (estilos) — cada proyecto nuevo arranca en horas, no en semanas. Los mismos patrones, los mismos componentes, los mismos "trucos" ya resueltos. Cinco clientes distintos, la misma base sólida. Esto es lo que permite entregar calidad de agencia grande a precio accesible.

Cuándo NO usar Next.js (seamos honestos)

Ninguna herramienta es para todo, y desconfía de quien te diga lo contrario:

• Una landing 100% estática, sin nada dinámico ni base de datos: hay opciones más ligeras (Astro, incluso HTML plano) que rinden igual con menos complejidad.
• Una app móvil nativa para la App Store o Google Play: eso es otro mundo (React Native, Flutter). Next.js es para la web.
• Un blog purísimo de contenido sin funcionalidades: a veces WordPress bien configurado te sirve con menos fricción técnica.

La regla: usa la herramienta correcta para el problema, no la de moda. En mi caso, la enorme mayoría de proyectos de empresa —con formularios, catálogos, paneles, SEO y velocidad— caen justo en el punto fuerte de Next.js. Por eso lo repito.

Cómo empezar hoy

Si quieres probarlo, son tres pasos:

1. Un comando en tu terminal: npx create-next-app.
2. Eliges el App Router cuando te lo pregunte.
3. Lo despliegas gratis en Vercel conectando tu repositorio de GitHub: cada git push publica los cambios solo.

En una tarde puedes tener tu primer sitio en internet.

En resumen

Elegir framework no es un detalle técnico: es una decisión de negocio que define velocidad, posicionamiento y costo de mantenimiento por años. Next.js me da un stack que puedo repetir con confianza en cada proyecto, con SEO y velocidad de fábrica. No es magia ni es para todo — pero para la web de una empresa que quiere generar clientes, es difícil de superar.

Preguntas frecuentes

¿Next.js es gratis? Sí. Es de código abierto y gratuito. Solo pagarías (opcionalmente) por el hosting; y Vercel tiene un plan gratuito generoso para empezar.

¿Necesito saber React antes? Ayuda mucho, pero puedes aprender ambos a la vez. Next.js usa React por debajo.

¿Sirve para tiendas online? Sí, y muy bien: catálogo, carrito, checkout con pasarelas de pago y panel de administración, todo en un proyecto.

¿Es mejor que WordPress? Para sitios rápidos, a medida y que escalan, sí. Para un blog sencillo sin requisitos especiales, WordPress puede bastar. Depende del objetivo.