BigCommerce admite dos frameworks oficiales de storefront en 2026: la decisión entre BigCommerce Stencil y Catalyst es una que todo comerciante que planea un rediseño tiene que tomar. Stencil es la plataforma de temas basada en Handlebars, con muchos años en el mercado y decenas de miles de tiendas lanzadas; Catalyst es el storefront de referencia basado en Next.js y el camino oficial de la plataforma hacia adelante para desarrollos headless y modernos basados en React. Los comerciantes que evalúan un rediseño o un cambio de plataforma preguntan con frecuencia: ¿cuál gana en SEO?
La respuesta tiene más matices de lo que sugiere el material de marketing de cualquiera de los dos lados. Stencil tiene ventajas reales: configuraciones predeterminadas que simplemente funcionan, un renderizado del lado del servidor predecible y una CDN que no requiere ninguna configuración. Catalyst también tiene ventajas reales: primitivas de rendimiento modernas, renderizado en el edge, composición de datos estructurados y el ecosistema de React. La respuesta equivocada es elegir según con qué se siente cómodo el equipo y descubrir las desventajas de SEO después del lanzamiento.
Somos Elite BigCommerce Partner desde 2012 y hemos lanzado tiendas en producción con ambos frameworks. Las ventajas y desventajas de BigCommerce Stencil vs Catalyst que verás a continuación vienen de esa experiencia directa, no del material de marketing. BigCommerce Stencil vs Catalyst: lo que Stencil hace bien. Stencil es la plataforma de temas alojada de BigCommerce. Los temas se escriben en Handlebars (con las extensiones de la plataforma), se empaquetan con un pipeline de SCSS y la infraestructura de BigCommerce los renderiza del lado del servidor. El tema funciona en *.mybigcommerce.com o en tu dominio personalizado, servido desde la CDN de BigCommerce.
Fortalezas de SEO de Stencil:
Renderizado del lado del servidor de forma predeterminada. Cada página es HTML desde el primer byte. Googlebot, los rastreadores de IA y el respaldo para JavaScript lento ven el mismo contenido.
Los canonicals, las metaetiquetas y el schema básico dependen de la plantilla. Un tema Stencil bien construido genera etiquetas canonical, Open Graph y JSON-LD de
Productosin intervención de un desarrollador.La CDN de BigCommerce se encarga del rendimiento. La caché en el edge, la optimización de imágenes y el TTFB los maneja la plataforma.
Cornerstone (el tema predeterminado) es competitivo en CWV desde el inicio. No es el mejor de su clase, pero es aceptable.
No hay infraestructura de despliegue que administrar. El comerciante sube el tema desde el panel de administración; BigCommerce se encarga del resto.
Debilidades de SEO de Stencil:
Personalizar más allá de Handlebars es difícil. Todo lo que requiera interactividad profunda con JavaScript se añade como un paquete externo, lo que puede perjudicar los CWV.
La optimización de imágenes es limitada. La CDN de BigCommerce sirve variantes redimensionadas, pero el elemento responsivo
<picture>y los formatos modernos (AVIF) requieren trabajo a nivel de tema.El JSON-LD en todo el catálogo es inconsistente. Algunos temas incluyen un schema completo; otros, uno mínimo.
El motor de plantillas Handlebars es más difícil de componer que los componentes de React. Reutilizar un generador de schema de
Productoen varias plantillas de página implica copiar parciales de Handlebars, no importar una función.
Catalyst: lo que hace bien
Catalyst es el storefront de referencia de BigCommerce basado en Next.js App Router. El comerciante lo despliega en Vercel (el host más común) o en cualquier plataforma compatible con Node. El storefront se comunica con BigCommerce mediante la GraphQL Storefront API. El comerciante es dueño del despliegue, del pipeline de compilación y del hosting.
Fortalezas de SEO de Catalyst:
Primitivas de renderizado modernas. App Router, React Server Components, SSR con streaming, renderizado en el edge. Las mismas primitivas que hacen rápidos a los desarrollos de Hydrogen y de Salesforce Commerce Cloud headless.
generateMetadatapara un control de SEO limpio a nivel de ruta. Título, descripción, canonical, Open Graph, hreflang: todo en un solo lugar y todo renderizado con SSR.JSON-LD componible. Una sola función de generación de schema importada en cada ruta de PDP y PLP.
Optimización de imágenes con
<Image>de Next.js. Variantes responsivas, AVIF/WebP y carga diferida, todo listo desde el inicio.Renderizado en el edge con Vercel. TTFB de un solo dígito en milisegundos en cualquier parte del mundo.
El soporte para B2B Edition es de primera clase. El contexto de grupos de clientes fluye de forma natural a través de las props de React y el middleware.
Debilidades de SEO de Catalyst:
Tú eres dueño del despliegue. El hosting, los pipelines de compilación, el monitoreo y los rollbacks son problema de tu equipo. Los comerciantes de Stencil no piensan en nada de esto.
Los despliegues de vista previa son públicos de forma predeterminada. Si no se bloquean explícitamente, se indexan.
La capa de datos es tu responsabilidad. Un patrón de consultas GraphQL mal implementado puede filtrar datos personales, romper la caché o alcanzar los límites de solicitudes de la Storefront API.
El tamaño del bundle necesita gestión activa. Una app de Next.js que crece de forma orgánica sin disciplina en el tamaño del bundle puede terminar enviando 2MB de JavaScript que destruyen el INP.
La curva de aprendizaje es real. Un trabajo en Stencil que a un desarrollador de Handlebars le tomaba una tarde puede tomarle dos días a un desarrollador de Next.js.
Comparación directa: lo que realmente importa para posicionar
DimensiónStencilCatalystLCP predeterminado en una instalación limpia1.8-2.5s0.8-1.5sRenderizado del lado del servidorSí, siempreSí, de forma predeterminada; configurable por rutaRenderizado en el edgeNo (solo servicio desde el edge de la CDN)Sí (Vercel Edge Functions)Control de canonicalsA nivel de plantilla del temaA nivel de ruta mediantegenerateMetadataComponibilidad del JSON-LDParciales de HandlebarsFunciones de TypeScriptOptimización de imágenesCDN de BigCommerceNext.js Image + CDN de BigCommerceIntegración con B2B EditionVerificaciones de grupos de clientes a nivel de temaMiddleware + contexto de ReactGeneración del sitemapNativa de la plataforma, automáticaDinámica desde la API, con tu códigoControl de robots.txtInterfaz del panel de administraciónA nivel de códigoRiesgo de indexación de vistas previas de despliegueNingunoAlto sin un bloqueo explícitoComplejidad operativaBajaModeradaCosto de hostingIncluido en la suscripción de BigCommercePlan aparte de Vercel o similarCuándo elegir Stencil
Stencil es la respuesta correcta cuando:
El comerciante no tiene, ni quiere construir, capacidad de desarrollo en Next.js.
El catálogo es sencillo, predominantemente B2C, y no requiere interactividad profunda basada en React.
El equipo valora que "simplemente funcione" por encima de la flexibilidad.
El presupuesto para desarrollo continuo es modesto.
El tema Stencil actual tiene un buen rendimiento en CWV y no hay una razón específica para cambiar de plataforma.
Para estos comerciantes, un tema Stencil bien ajustado (Cornerstone o uno de los temas de terceros de alta calidad, personalizado con atención al rendimiento) es competitivo en SEO. La mayoría de los sitios Elite en Stencil que manejamos son perfectamente capaces de posicionar frente a competidores en Catalyst.
Cuándo elegir Catalyst
Catalyst es la respuesta correcta cuando:
El comerciante tiene, o está dispuesto a construir, capacidad de desarrollo en React.
El sitio tiene necesidades de contenido importantes más allá de las páginas de producto y categoría: configuradores de productos interactivos, buscadores de regalos, landing pages complejas.
El rendimiento es una prioridad estratégica (audiencia internacional, tráfico mayormente móvil, competitividad de posiciones en una vertical difícil).
La integración de B2B Edition es compleja (grupos de clientes de varios niveles, jerarquías de empresas grandes, catálogos compartidos).
La marca quiere una libertad de diseño y UX mayor de la que permiten las plantillas de Stencil.
Para estos comerciantes, la inversión en Catalyst se recupera en los CWV, en la capacidad de lanzar funciones nuevas más rápido y en los beneficios operativos de un pipeline de ingeniería real.
La cuestión de la migración
Una migración de Stencil a Catalyst es un proyecto importante. Cada URL de producto, de categoría y de contenido debe conservarse (o redirigirse con 301 con precisión quirúrgica). Cada dato estructurado debe volver a implementarse. Cada personalización del tema debe trasladarse. Las mejoras de rendimiento son reales, pero no ocurren automáticamente: requieren el mismo tipo de ingeniería SEO disciplinada que cualquier cambio de plataforma importante.
Las dos formas de fracasar:
Migrar a Catalyst sin un mapa de redirecciones y perder seis meses de autoridad de posicionamiento.
Migrar a Catalyst, lanzar un build con 2MB de JavaScript y terminar con peores CWV que el sitio en Stencil que reemplazaste.
Ambas se pueden evitar. Ninguna es rara.
Preguntas frecuentes: BigCommerce Stencil vs Catalyst, comparación de su impacto en SEO
¿Catalyst posicionará mejor que Stencil desde el inicio? A veces. En catálogos grandes con audiencias internacionales, el renderizado en el edge y las mejoras en CWV se suman. En catálogos B2C pequeños en una sola región, la diferencia a menudo es imperceptible.
¿BigCommerce va a dejar de dar soporte a Stencil? No. Stencil sigue con soporte y mantenimiento activo. Catalyst es la nueva opción, no la única opción.
¿Puedo usar Stencil y Catalyst en paralelo durante una migración? Sí, con prefijos de URL separados o en canales separados. Así es como normalmente reducimos el riesgo de una migración.
¿La Storefront API será más lenta que el renderizado de Stencil? No de forma medible: al final ambos usan la misma infraestructura de respaldo. Las rutas de Catalyst que hacen demasiadas llamadas GraphQL secuenciales pueden ser lentas, pero ese es un problema del código, no de la plataforma.
Puntos clave
Stencil se renderiza del lado del servidor de forma predeterminada y es competitivo en SEO cuando se construye con cuidado.
Catalyst ofrece primitivas de rendimiento modernas (renderizado en el edge, React Server Components, SSR con streaming), pero requiere una inversión real en ingeniería.
Las razones equivocadas para migrar: "todos se están pasando a headless", "es el futuro".
Las razones correctas para migrar: brechas específicas en CWV que no puedes cerrar en Stencil, complejidad de B2B Edition que se beneficia de la composición en React y necesidades ambiciosas de contenido y UX.
La migración es un proyecto. Planifícala como tal: mapas de redirecciones, auditorías de schema y verificaciones de paridad.
Para el recurso principal específico de Catalyst, consulta nuestra práctica de SEO para Catalyst. Nuestras prácticas más amplias de agencia de SEO para BigCommerce, expertos en BigCommerce y BigCommerce Enterprise aplican tanto a desarrollos en Stencil como en Catalyst. Para patrones específicos de headless, consulta SEO para comercio headless. Cuando estés listo para hablar sobre tu migración o tu decisión de mantener el rumbo, aquí estamos.