Tu tienda de Webflow llegó al límite. Nosotros construimos tu salida.
Si eres un operador de ecommerce viendo cómo el límite de 10k productos de Webflow asfixia la expansión de tu catálogo, ya llevas tres meses buscando la salida.
Why leave Webflow Ecommerce?
- Hit a 10,000-15,000 product ceiling with zero expansion path beyond Webflow's CMS architecture
- Rig third-party tools like Memberstack for subscriptions because native recurring billing doesn't exist
- Pay $20-$49 per team member every month as per-seat pricing scales costs faster than revenue
- Watch custom shipping rules, discount engines, and inventory checks fail without server-side logic
- Bleed mobile conversions as Webflow's auto-generated code consistently scores 45-65 on Lighthouse
- Lock your catalog into a proprietary CMS with no API export for advanced product search or filtering
What you gain
- Store unlimited products in Postgres with full-text search returning results in under 5 milliseconds
- Ship Stripe Billing with trials, metered usage, proration, and self-service portals in your checkout flow
- Achieve 95-100 Lighthouse scores using Next.js 15 Partial Prerendering and sub-300ms server response
- Build any backend feature — shipping calculators, loyalty points, multi-currency — via Server Actions and Edge Functions
- Cut infrastructure spend 50-70% to ~$50-$100/month with zero per-seat fees or CMS item quotas
- Deploy your own search engine, recommendation algorithms, and inventory forecasting without platform restrictions
Por qué Webflow Ecommerce choca contra una pared
Webflow ecommerce funciona bien para una tienda de 50 productos con flujos de pago sencillos. Pero en el momento en que necesitas facturación por suscripción, autenticación personalizada, lógica de inventario más allá de variantes básicas, o más de 10.000 productos, estás peleando contra la plataforma en lugar de construir tu negocio.
Esto es lo que vemos una y otra vez: una marca lanza en Webflow, crece hasta unos cientos de productos, añade un nivel de suscripción, y de repente está pegando parches con automatizaciones de Zapier, chocando contra los límites de ítems del CMS, y pagando más de 200 $/mes antes de haber añadido siquiera asientos para el equipo. El editor visual que en el lanzamiento se sentía liberador ahora parece una jaula.
Webflow ecommerce fue creado para diseñadores que quieren vender algunas cosas. Es un caso de uso legítimo. Pero si estás leyendo esto, probablemente ya lo has superado.
Los verdaderos puntos de dolor con Webflow Ecommerce
Los límites de ítems del CMS destruyen el crecimiento
Webflow limita los ítems del CMS a 10.000 en su plan más alto (recientemente subido a 15.000, pero sigue siendo limitado). ¿Tienes un catálogo con miles de SKUs, variantes o páginas de producto con mucho contenido? Alcanzarás este límite rápidamente. No hay una base de datos Postgres por debajo, solo un CMS propietario con límites rígidos.
La facturación por suscripción es un complemento de segunda
La integración nativa de Stripe en Webflow gestiona pagos únicos. Facturación recurrente, medición por uso, períodos de prueba, actualizaciones y bajas de plan: nada de esto existe de forma nativa. Necesitarás herramientas de terceros como Memberstack o embeds personalizados, lo que crea dependencias frágiles y una UX genuinamente mala.
El rendimiento se degrada con la escala
Webflow genera HTML y CSS inflados. Una tienda de 200 productos con contenido rico obtiene regularmente entre 45 y 65 puntos en Lighthouse móvil. La plataforma prioriza la fidelidad de la edición visual sobre la calidad del código en producción, y se nota.
Sin lógica de backend personalizada
¿Necesitas calcular tarifas de envío dinámicas? ¿Ejecutar comprobaciones de inventario contra una API de almacén? ¿Implementar lógica de descuentos personalizada? Webflow no tiene entorno de ejecución del lado del servidor. Estás limitado a lo que ofrece el editor visual y las integraciones nativas. Sin más opciones.
El precio escala mal
El modelo de precios por asiento de Webflow hace que un equipo en crecimiento se encarezca rápidamente. De 39 a 212 $/mes por hosting, más de 20 a 49 $ por cada miembro adicional del equipo. Compara eso con un stack headless donde el hosting cuesta 20 $/mes en Vercel y tu base de datos es el nivel gratuito de Supabase hasta que alcances un volumen real.
Lo que obtienes con Next.js + Supabase + Stripe
El stack que construimos para migraciones de ecommerce es Next.js 15 en el frontend, Supabase para la base de datos y la capa de autenticación, y Stripe para pagos y facturación por suscripción. Cuando los clientes necesitan una capa de gestión de catálogo de productos, añadimos la Storefront API de Shopify como backend headless.
Esto no es teórico. Esto es lo que este stack realmente entrega:
Productos ilimitados, cero límites de CMS
Supabase corre sobre Postgres. Tu catálogo de productos vive en una base de datos real con indexación adecuada, búsqueda de texto completo y sin límites arbitrarios de ítems. Hemos construido tiendas con más de 50.000 SKUs que consultan en milisegundos. Añade pgvector y obtienes búsqueda de productos con IA de serie.
Facturación por suscripción nativa
La Stripe Billing API gestiona pagos recurrentes, uso medido, pruebas gratuitas, códigos de cupón, migraciones de planes y prorrateos de forma nativa. Los webhooks se envían a Supabase Edge Functions, actualizando el estado de suscripción del usuario en tiempo real. Sin middleware de terceros. Sin cadenas de Zapier.
TTFB por debajo de 300 ms
Next.js 15 con Partial Prerendering sirve shells estáticos al instante mientras transmite contenido dinámico (precios, inventario, personalización) en el edge. Las páginas de producto cargan en menos de un segundo. Las puntuaciones de Lighthouse alcanzan entre 95 y 100 de forma consistente.
Lógica personalizada completa
Server Actions, rutas de API, Edge Functions: tienes un backend completo. Reglas de precios dinámicas, sistemas de reserva de inventario, lógica de fulfillment multi-almacén, motores de descuento personalizados. Si puedes programarlo, puedes publicarlo.
Autenticación real
Supabase Auth te ofrece email/contraseña, magic links, proveedores OAuth y Row Level Security. Los clientes obtienen cuentas reales con historial de pedidos, direcciones guardadas y gestión de suscripciones, no una capa de membresía añadida con parches.
Nuestro proceso de migración
Hemos refinado este proceso en decenas de migraciones de Webflow ecommerce. Está diseñado para minimizar el tiempo de inactividad y proteger todo el capital de SEO que has acumulado.
Fase 1: Auditoría y arquitectura (semana 1)
Exportamos tus datos del CMS de Webflow, auditamos cada página y URL, catalogamos todas las integraciones y documentamos tus flujos de pago actuales. Mapeamos tus componentes de Webflow a componentes de React y diseñamos el esquema de Supabase para tu catálogo de productos.
Entregables: especificación técnica, esquema de base de datos, inventario de componentes, documento de mapeo de URLs.
Fase 2: Construir los cimientos (semanas 2-3)
Montamos la aplicación Next.js, configuramos las tablas de Supabase con políticas de Row Level Security, configuramos los productos y precios de Stripe, y construimos la biblioteca de componentes principal. Si usas Shopify headless para la gestión del catálogo, conectamos la Storefront API aquí.
El sistema de diseño se construye en Tailwind CSS, replicando tu marca existente con fidelidad a nivel de píxel, o lo mejoramos según tu dirección de diseño.
Fase 3: Migración de productos y contenido (semanas 3-4)
Las exportaciones del CMS de Webflow son limitadas, por lo que automatizamos la migración con scripts. Los datos de productos, imágenes, estructuras de variantes, categorías y páginas de contenido se importan a Supabase. Gestionamos la optimización de imágenes y la configuración del CDN para que nada se rompa.
Para tiendas con clientes y suscripciones existentes en Stripe, migramos los datos de suscripción con cuidado: ningún cliente percibe ninguna interrupción.
Fase 4: Funcionalidades de comercio (semanas 4-5)
Funcionalidad de carrito construida con gestión de estado en React (Zustand o React Context). Flujos de pago impulsados por Stripe Checkout Sessions. Portales de gestión de suscripciones. Emails de confirmación de pedido. Manejadores de webhooks para eventos de pago.
Cada interacción que existía en Webflow se reconstruye con mejor UX y mayor rendimiento.
Fase 5: Preservación del SEO y lanzamiento (semana 6)
Aquí es donde las migraciones triunfan o fracasan. Implementamos redirecciones 301 en next.config.js para cada URL que cambia. Los datos estructurados (JSON-LD) van en cada página de producto. Generamos sitemaps XML, configuramos URLs canónicas y lo enviamos todo a Google Search Console.
Monitorizamos las posiciones durante 30 días tras el lanzamiento. Si algo se desvía, lo corregimos.
Estrategia de preservación del SEO
La preservación del SEO es aquí una preocupación de ingeniería de primer nivel, no algo que añadimos al final.
- Mapeo de URLs: cada URL de Webflow recibe una redirección 301 a su equivalente en Next.js. Sin 404s, sin backlinks rotos.
- Migración de metadatos: todas las etiquetas de título, meta descripciones y datos Open Graph se transfieren a
next/heado a la metadata API del App Router. - Datos estructurados: marcado de esquema de producto, migas de pan, esquema de FAQ: todo implementado con JSON-LD.
- Core Web Vitals: pasar de las puntuaciones de Lighthouse de 45-65 de Webflow a 95-100 es en sí mismo una victoria de SEO. Google recompensa los sitios rápidos.
- Sitemap y Robots: sitemaps XML generados automáticamente con
next-sitemap. Configuración correcta de robots.txt. - URLs canónicas: evita problemas de contenido duplicado en variantes de producto y páginas filtradas.
Plazos y precios
Una migración típica de Webflow ecommerce a Next.js tarda entre 5 y 8 semanas según el tamaño del catálogo y los requisitos de funcionalidades personalizadas.
| Alcance | Plazo | Precio desde |
|---|---|---|
| Tienda pequeña (< 100 productos, pago básico) | 4-5 semanas | 8.000 $ |
| Tienda mediana (100-1.000 productos, suscripciones) | 6-8 semanas | 15.000 $ |
| Catálogo grande (más de 1.000 productos, lógica personalizada) | 8-12 semanas | 25.000 $+ |
Los costes de hosting continuos caen significativamente. Vercel Pro a 20 $/mes, Supabase Pro a 25 $/mes, y las tarifas de procesamiento estándar de Stripe. Compara eso con los 100-500 $/mes o más de Webflow para una funcionalidad equivalente una vez que tienes en cuenta los asientos del equipo.
El stack en detalle
Esto es exactamente lo que se despliega:
- Next.js 15 con App Router, Server Actions y Partial Prerendering
- Supabase para base de datos Postgres, autenticación, suscripciones en tiempo real y Edge Functions
- Stripe para pagos, facturación por suscripción, portal de clientes y procesamiento de webhooks
- Shopify Storefront API (opcional) para gestión headless de productos e inventario
- Vercel para despliegue, caché en el edge y entornos de previsualización
- Tailwind CSS para estilos con sistema de diseño completo
- Turbopack para builds de desarrollo local 10 veces más rápidas
Cada proyecto se entrega con un repositorio Git, pipeline de CI/CD, entorno de staging y documentación. Tú eres dueño de todo: sin dependencia de proveedores, sin ninguna plataforma propietaria reteniendo tus datos como rehén.
The migration process
Discovery & Audit
We map every page, post, media file, redirect, and plugin. Nothing gets missed.
Architecture Plan
New stack designed for your content structure, SEO requirements, and performance targets.
Staged Migration
Content migrated in batches. Each batch verified before the next begins.
SEO Preservation
301 redirects, canonical tags, sitemap, robots.txt — every ranking signal carried over.
Launch & Monitor
DNS cutover with zero downtime. 30-day monitoring period included.
Webflow Ecommerce vs Next.js + Supabase + Stripe
| Metric | Webflow Ecommerce | Next.js + Supabase + Stripe |
|---|---|---|
| Lighthouse Mobile | 45-65 | 95-100 |
| TTFB | 1.2-2.5s | <0.3s |
| Product Limit | 10,000-15,000 items | Unlimited (Postgres) |
| Hosting Cost | $100-$500+/mo | $45-$100/mo |
| Subscription Billing | Third-party only | Native Stripe Billing API |
| Custom Backend Logic | None | Full (Server Actions + Edge Functions) |
Common questions
¿Cuánto tarda una migración de Webflow ecommerce a Next.js?
La mayoría de las migraciones se sitúan en el rango de 5 a 8 semanas. Las tiendas pequeñas con menos de 100 productos y un pago básico pueden publicarse en 4 o 5 semanas. Los catálogos más grandes con facturación por suscripción, lógica personalizada y migraciones de datos complejas suelen llevar entre 8 y 12 semanas. Siempre que es posible, ejecutamos las fases de auditoría, construcción y preservación del SEO en paralelo para mantener el ritmo.
¿Perderé mis posiciones en Google al migrar desde Webflow?
No, si se hace correctamente. Implementamos redirecciones 301 para cada URL, migramos todos los metadatos, añadimos marcado de datos estructurados y monitorizamos Search Console durante 30 días tras el lanzamiento. El salto en la puntuación de Lighthouse de 45-65 a 95-100 ayuda directamente al posicionamiento: unos mejores Core Web Vitals son una señal de ranking directa.
¿Puedo seguir usando Shopify para gestionar productos con Next.js?
Sí. Conectamos la Storefront API de Shopify como backend headless para la gestión del catálogo de productos, el seguimiento de inventario y el fulfillment de pedidos. Tu equipo gestiona los productos en el panel de administración de Shopify. Los clientes ven un storefront rápido en Next.js. Obtienes las herramientas operativas de Shopify sin las limitaciones de sus themes.
¿Cómo funciona la facturación por suscripción con Stripe y Supabase?
La Stripe Billing API gestiona los cobros recurrentes, las pruebas, las actualizaciones de plan y los prorrateos. Cuando se producen eventos de pago, Stripe envía webhooks a Supabase Edge Functions que actualizan el estado de suscripción del cliente en tiempo real. Los clientes disponen de un portal de autogestión para administrar sus propias suscripciones. No se necesita middleware de terceros.
¿Cuánto cuesta el hosting después de migrar desde Webflow ecommerce?
Significativamente menos. Vercel Pro cuesta 20 $/mes, Supabase Pro 25 $/mes, y Stripe cobra las tarifas de procesamiento estándar (2,9 % + 0,30 $). La infraestructura total suele situarse entre 50 y 100 $/mes, frente a los 100-500 $/mes o más de Webflow una vez que tienes en cuenta los asientos del equipo. Los costes escalan de forma lineal, no exponencial.
¿Existe un límite de productos con el stack de Next.js + Supabase?
No. Supabase corre sobre Postgres, una base de datos relacional de nivel productivo sin límites arbitrarios de ítems. Hemos construido tiendas con más de 50.000 SKUs que consultan en milisegundos con una indexación adecuada. Webflow te limita a entre 10.000 y 15.000 ítems de CMS. Postgres gestiona millones de filas sin ningún problema.
¿Puede mi equipo de marketing actualizar el contenido sin desarrolladores?
Sí. Podemos integrar un CMS visual (Sanity, Payload o Builder.io) para que tu equipo de marketing tenga una interfaz de edición familiar. Las descripciones de productos, las landing pages y el contenido del blog se gestionan desde un panel claro, mientras los desarrolladores mantienen el control total sobre el código y la lógica de comercio.
Ready to migrate?
Free assessment. We'll audit your current site and give you a clear migration plan — no commitment.
Let's build
something together.
Whether it's a migration, a new build, or an SEO challenge — the Social Animal team would love to hear from you.