Volver al Blog
Blog

Construye tu sitio web con Webflow

Mar 15, 2023·5 min read·Palomi Jain
#Front End Development#No-code#React#Web Development#Webflow
Construye tu sitio web con Webflow

Construye tu sitio web con Webflow… ¿De verdad?

Webflow es una herramienta No Code creada para profesionales (como ellos afirman correctamente). Necesitas tener conocimientos de HTML y CSS para poder construir un sitio web en Webflow desde cero. La herramienta no intenta ocultar la complejidad del proceso de desarrollo web. De hecho, se parece mucho al proceso de desarrollo web al exponer diseños de grid y flexbox más avanzados y dar más control sobre el estilo.

Pero en ese caso, ¿por qué alguien elegiría crear su sitio web usando Webflow? Es decir, mira las capturas de pantalla de la herramienta a continuación.

Como desarrollador de React, acostumbrado a trabajar con una variedad de marcos de UI como TailwindCSS, MUI, Bootstrap, etc., esto me parece mucho más esfuerzo. Ir a cada elemento en el editor y crear los estilos que necesito. Simplemente sentí que tendría que aprender este nuevo marco para desarrollo que no añade ningún beneficio sobre los que ya conocía.

Sí, el editor de Webflow viene precargado con la mayoría de componentes estándar, incluyendo divs, secciones, formularios e incluso carruseles. Se encarga del estilo tedioso y la animación de estos componentes en tu nombre. Estas son algunas capturas de pantalla de los componentes predeterminados de Webflow.

Pero hay tantos paquetes en npm que permiten añadir componentes estilizados como estos con configuración fácil.

Y digamos que queremos añadir algún comportamiento personalizado — como validaciones de formulario personalizadas o interacciones de usuario — tendríamos que hacer cambios en el javascript, y para eso webflow nos proporciona JQuery — un marco de javascript que está desapareciendo lentamente. Descifrar JQuery tomaría un tiempo considerable para alguien nuevo en ello.

Entonces realmente, ¿por qué usar Webflow en absoluto?

Nos encontramos con una situación en la que teníamos diseños únicos para uno de nuestros clientes en MyNextDeveloper y se nos pidió construir el sitio web en Webflow. Aquí están mis consideraciones basadas en mi experiencia con Webflow.

Diseño del sitio web: Digamos que quieres hacer un sitio web en Webflow. Hay dos opciones: comprarás una plantilla e harás modificaciones o, probablemente comenzarás desde cero. Si encuentras una plantilla que se parezca a cómo quieres que se vea tu sitio web, entonces es mejor comprar la plantilla y hacer ediciones en Webflow. Esto ahorrará mucho tiempo al eliminar la mayoría del proceso de desarrollo.

Pero si tienes un diseño de sitio web muy único para el cual no hay plantilla disponible en Webflow, entonces el esfuerzo de construir el sitio web usando React vs Webflow es casi el mismo, excepto en algunos lugares donde Webflow podría ahorrar tiempo — pero nada significativo.

Alojamiento e implementación: Webflow gestiona el alojamiento para ti, ¡todo lo que necesitas hacer es simplemente hacer clic en un botón y boom, tus cambios en el sitio web se implementan! No necesitas configurar ningún servidor, tampoco necesitas configurar un pipeline de CI/CD, etc. Por supuesto, hay herramientas como Netlify que hacen el trabajo pesado por ti, pero sigue siendo más esfuerzo que un simple clic de botón con Webflow.

Backend: Si tienes un sistema simple como un blog donde no necesitas bases de datos especializadas y puedes gestionar fácilmente con un sistema de gestión de contenidos (CMS), Webflow es excelente. También admiten crear un sitio web de comercio electrónico — y gestionar pagos así como tu base de datos muy suavemente. En ambos casos, Webflow es el camino a seguir. Sin embargo, si requieres algo que Webflow no admite por defecto, habrá un esfuerzo significativo involucrado. Por otro lado, si estás construyendo una simple página de inicio que no requiere mucho backend — Webflow no tiene beneficio.

Habilidad: Si estás comenzando como desarrollador, te tomaría menos esfuerzo aprender y personalizar Webflow que con cualquier otro marco. Sin embargo, si eres un desarrollador experimentado, Webflow te tomará más esfuerzo aprender que construir el sitio web en un marco con el que estés familiarizado.

Costo: Webflow cuesta $29 al mes — y en el caso de un sitio web de comercio electrónico, hay la comisión añadida de hasta el 2% que tendrías que pagar por transacción. Y para cualquier requisito de codificación personalizada, tendrías que contratar a un desarrollador de todas formas. Pero una vez construido, no necesitarías un desarrollador para mantenimiento (a menos que necesites funcionalidad añadida). Cualquiera, desde un diseñador hasta un contador, podría aprender fácilmente a retocar el diseño por sí mismo. Si esto sería rentable o no dependerá de tu situación. Si es una página de inicio o blog simple, creo que contratar a un desarrollador para que lo haga resultará ser más barato o igual de caro. En el caso de un sitio de comercio electrónico, si no tienes sistemas existentes, Webflow sería la opción clara por todo lo que gestionan para ti bajo el capó.

Conclusión En resumen, el costo y el tiempo necesarios para construir un sitio web desde cero dependiendo de la complejidad del sitio web y tu nivel de habilidad. Construir un sitio web desde cero puede tomar más tiempo que usar Webflow, pero puede ser más rentable a largo plazo. Usar Webflow puede ser más rápido y fácil, pero típicamente viene con un costo de suscripción. Entonces, dependiendo de estos varios factores, puedes tomar una decisión adecuada para ti.