Saltar al contenido
Volver al blog
Stack·7 jun 2026

Actualizado el 27 sep 2026

El stack moderno de una web PyME en 2026

Para una web PyME en 2026 recomendamos Next.js con Tailwind y TypeScript, las API routes de Next.js como backend, Google Tag Manager con PostHog y Clarity para medir, y Resend para el correo. Casi todo tiene plan gratuito para partir, y el frontend, la medición y el correo transaccional son los mismos que usa este sitio.

Giorgio Meniconi

Cofundador y CEO

Todavía vemos webs PyME en versiones antiguas de WordPress, cargadas de plugins: lentas, con el SEO roto y difíciles de mantener.

Este es el stack que recomendamos para una web PyME en 2026. El frontend, la medición y el correo transaccional (Resend) son los mismos que usamos en este sitio.

Frontend

  • Next.js 15+ con Pages Router (o App Router si la complejidad lo justifica)
  • Tailwind CSS v4 con tokens de diseño
  • TypeScript en modo estricto
  • shadcn/ui para los componentes
  • Motion para las animaciones (el sucesor de framer-motion)

Razón: un ecosistema maduro, buen rendimiento de base y páginas que los buscadores leen sin problemas.

Backend

  • API routes de Next.js para la mayoría de los endpoints, sin infraestructura extra
  • Node en una versión con soporte vigente
  • PostgreSQL o Supabase para los datos
  • Redis (Upstash tiene plan gratuito) si necesitas caché o colas

Medición

  • Google Tag Manager como contenedor principal (agregas etiquetas sin tocar el código)
  • PostHog para analítica de producto y grabación de sesiones (tiene plan gratuito)
  • Microsoft Clarity para mapas de calor (gratis)
  • GA4 dentro de Google Tag Manager
  • Píxel de Meta y Conversion API desde el servidor

Correo

  • Resend para correos transaccionales (tiene plan gratuito)
  • Brevo para correos de marketing y secuencias (tiene plan gratuito)

Hosting

  • Vercel si quieres cero gestión y aceptas depender más del proveedor
  • Dokploy en un VPS (Hetzner, DigitalOcean) si quieres más control
  • Cloudflare Workers para cómputo en el borde

Para una PyME, Vercel es lo más simple. Para una agencia con varios clientes, Dokploy escala mejor en costo.

Contenido (CMS)

  • Archivos MDX en el repositorio para el blog: es como se publica este sitio. Cada artículo pasa por el repositorio y sale con el build, sin un CMS aparte.
  • Notion como CMS si quienes escriben no trabajan con el repositorio: editan en Notion y el sitio se regenera solo. Lo explicamos en la guía Next.js con Notion como CMS.

CRM

  • Notion con puntaje de leads propio si el volumen de leads todavía es bajo
  • HubSpot Free si vas a crecer rápido
  • Salesforce si ya sabes que el negocio va hacia ventas B2B complejas

¿Cuánto cuesta mantenerlo?

Casi todas estas herramientas tienen un plan gratuito para partir, y el costo crece con el tráfico, los correos y los usuarios. Revisa los precios vigentes de cada proveedor antes de decidir: cambian seguido.


¿Quieres migrar a este stack? Auditamos qué te conviene en 30 min:

→ Reservar

#nextjs#stack#tailwind#vercel#pyme