CÓDIGO CUSTOM · NEXT.JS + ASTRO Performance extrema

Sitios donde cada
milisegundo importa.
Lighthouse 100 real.

Quick answer

Cuando ningún CMS alcanza, cuando la performance es un diferencial del negocio, o cuando el sitio es en realidad un producto digital complejo. Ahí entran los sitios a medida. Los construimos con Next.js 15 (React Server Components, streaming, edge) o Astro (content-heavy sites con hidratación parcial). Deployment en Vercel, Cloudflare o infraestructura propia. Performance extrema por arquitectura, no por optimizaciones posteriores.

Pedí una demo → Ver qué hace
100
Lighthouse mobile
<1s
LCP real
Edge
Deployment global
RSC
Server Components
LIGHTHOUSE · mobile
olpagroup.com
95
Performance
100
Accesibilidad
100
Best Practices
98
SEO
LCP
1.2s
INP
85ms
CLS
0.02
FCP
0.8s
Honestidad brutal

La mayoría de los sitios no necesita esto

Un sitio a medida es más caro y más complejo que un WordPress. Solo tiene sentido cuando hay razón concreta.

No necesitás sitio a medida si…
  • ✕ Es un sitio corporate estándar con blog
  • ✕ El cliente va a editar contenido a diario
  • ✕ Ya existe un theme premium que calza
  • ✕ El presupuesto es ajustado
  • ✕ No tenés equipo técnico interno ni intención de tenerlo
  • ✕ Lo que buscás es "ahorro a largo plazo" sin data real que lo sostenga
VS
Sí tiene sentido cuando…
  • ✓ Performance es diferencial competitivo (conversión, SEO, ads)
  • ✓ Tenés lógica compleja que ningún plugin resuelve
  • ✓ El sitio es un producto digital, no marketing
  • ✓ Necesitás integraciones profundas con APIs exóticas
  • ✓ Tráfico extremo (millones mensuales)
  • ✓ Querés ser dueño 100% del código sin lock-in de plugin
Stack correcto

Next.js vs Astro

Los dos stacks modernos que usamos. Cada uno tiene su fortaleza.

N
Next.js gana cuando…
  • El sitio tiene mucha interactividad (dashboards, apps, portales)
  • Necesitás autenticación, sesiones, permisos
  • Hay formularios complejos con validación server-side
  • Querés React Server Components para performance
  • Integración con APIs con caching inteligente
  • Edge rendering para performance global
  • Ya tenés equipo React que puede mantener el código
Ideal para apps web, SaaS, dashboards, portales, e-commerce headless
A
Astro gana cuando…
  • Sitio con mucho contenido: blogs, medios, documentación
  • Máxima performance con islas de interactividad selectivas
  • Static generation con contenido markdown o CMS headless
  • Mínimo JavaScript en el cliente por default
  • Sitio institucional con algunas partes dinámicas
  • SEO máximo con páginas pre-generadas
  • Hosting muy barato (archivo estático + CDN)
Ideal para blogs, medios, docs, sitios institucionales, landings

Regla rápida: si el sitio es "más contenido que app", Astro. Si tiene lógica, autenticación o forma parte de un producto digital, Next.js. Para sitios híbridos (marketing + app web), a veces combinamos los dos: Astro para las páginas públicas + Next.js para la parte logueada.

Qué incluye

Nuestro stack de producción

No es solo "código". Es arquitectura, deployment, monitoreo y tooling probado.

01

Arquitectura + TypeScript

Todo tipado desde el día 1. Zod para validación de datos, arquitectura por dominio, separación clara entre UI, negocio y data. Pensado para mantenerse en 5 años.

02

Headless CMS integrado

Sanity, Contentful o Payload CMS cuando el cliente necesita editar contenido. Separación entre diseño y texto. El cliente edita sin tocar código, el equipo técnico mantiene la arquitectura.

03

Deployment edge + CDN

Vercel, Cloudflare Pages, Netlify o infraestructura propia en AWS/GCP. Edge functions para lógica global. Preview por PR. CI/CD automático con GitHub Actions.

04

Monitoreo + analytics real

Sentry para errores, Vercel Analytics o Cloudflare Web Analytics (sin cookies), Real User Monitoring. Sabés qué pasa antes que tu cliente.

05

SEO + GEO arquitectónico

Schema.org estructurado desde el modelo de datos, sitemap dinámico, meta tags por página, Open Graph optimizado. No es "agregar un plugin": es parte del diseño.

06

Accesibilidad validada

Testing con axe-core en el pipeline, navegación por teclado, ARIA correcto, contraste validado, test con lectores de pantalla reales. WCAG 2.1 AA obligatorio.

Stack técnico

Qué usamos de verdad

Frameworks
  • Next.js 15 (App Router, RSC)
  • Astro 5 con Islas
  • React 19 con Server Components
  • TypeScript estricto
UI + estilos
  • Tailwind CSS 4
  • shadcn/ui
  • Framer Motion para animación
  • Radix UI primitives
Data + CMS
  • Sanity · Contentful · Payload
  • Supabase (Postgres + Auth)
  • Prisma ORM
  • Zod para validación
Deploy + ops
  • Vercel · Cloudflare Pages · Netlify
  • GitHub Actions CI/CD
  • Sentry + Vercel Analytics
  • Docker para self-hosting
Se combina con

Un sitio custom rara vez vive solo

→ Software con IA

Sitio + panel interno

A menudo el sitio público es la fachada de un panel interno con IA. Los dos se desarrollan juntos con el mismo stack.

→ Software con IA

Sitio + panel interno

A menudo el sitio público es la fachada de un panel interno con IA. Los dos se desarrollan juntos con el mismo stack.

→ Apps a medida

Web + mobile

Mismo backend, dos frontends: sitio web para desktop + app mobile para operación en campo.

→ SEO Córdoba

SEO de verdad

Sitios custom con performance 100 rankean mejor que WordPress en keywords competidas. Requieren el mismo trabajo de SEO continuo.

Preguntas frecuentes

Dudas sobre desarrollo custom

¿Cuándo conviene sitio a medida vs WordPress?
A medida conviene cuando: (1) la performance es diferencial competitivo y WordPress no llega al número, (2) tenés lógica que ningún plugin resuelve, (3) el sitio es un producto digital en sí mismo (no marketing), (4) vas a escalar mucho y el costo de WP + hosting + plugins sale caro a largo plazo, (5) querés control 100% del código. Para la mayoría de los sitios corporate PyME con blog, WordPress bien hecho alcanza y sobra.
¿Puedo editar contenido sin programador?
Sí. Cuando el sitio necesita edición frecuente por parte del cliente (no programador), integramos un headless CMS: Sanity, Contentful, Payload CMS o Notion Databases. Tu equipo edita contenido desde una interfaz amigable y el sitio se actualiza automáticamente. Separación clara entre contenido y código.
¿Qué pasa después con el mantenimiento?
El código es tuyo desde el día 1, entregado en un repositorio Git con acceso completo. Si querés que sigamos manteniéndolo, ofrecemos soporte mensual por bolsa de horas. Si querés llevarte el proyecto a otro proveedor, podés hacerlo sin fricciones. Sin lock-in, sin licencias escondidas, sin cláusulas raras.
¿Lighthouse 100 es real o marketing?
Es real, pero requiere arquitectura cuidada desde el inicio. Con Astro + deployment en edge + imágenes optimizadas + zero-JS en páginas que no lo necesitan: 100/100 consistente. Con Next.js + Server Components + streaming: 95-100 consistente. La diferencia está en cómo se diseña, no en "optimizar al final".
¿Cuánto tarda un sitio a medida?
Un sitio institucional de 8-12 páginas con diseño custom + Astro: 8-12 semanas. Un sitio con autenticación + panel logueado + Next.js: 12-20 semanas. Una plataforma SaaS completa: 4-9 meses. Lo que más tarda no es el código: es el diseño, las decisiones de arquitectura y el testing contra casos borde.
¿Integran con Odoo o sistemas internos?
Sí, es parte de lo que hacemos seguido. Integramos vía API con Odoo, CRMs, sistemas legacy, APIs de proveedores y lo que haga falta. Como somos partners oficiales de Odoo, para ese caso específico tenemos patrones probados y documentados.
Diagnóstico gratuito

¿Tu sitio justifica desarrollo a medida?

En 30 minutos evaluamos si tu caso lo justifica o si con un WordPress bien hecho alcanza. Sin venderte el proyecto más caro: te damos la recomendación honesta.

Agendar diagnóstico WhatsApp directo