Las aplicaciones de Webflow Cloud ya no necesitan un sitio web. Despliega tu aplicación de Next.js o Astro en su propio dominio, o móntala junto a tu sitio de marketing. En cualquier caso, mantienes el mismo espacio de trabajo.
Hemos lanzado algunas novedades aquí en Webflow. Tus aplicaciones de Next.js, tus proyectos de Astro y ese desarrollo full-stack que normalmente publicarías en otro lugar, ahora pueden alojarse en su propio dominio en Webflow Cloud.
Y no me refiero a formularios de contacto o elementos incrustados. Webflow se encarga de todo el proceso: despliegues, rutas de API, almacenamiento y todo lo bueno.
Hasta ahora, las aplicaciones Cloud estaban vinculadas a un sitio de Webflow y vivían en una subruta de URL. Esto cambia hoy, porque con nuestros nuevos tipos de proyectos de aplicación, tus aplicaciones Cloud ahora también pueden desplegarse en sus propios dominios.
Echa un vistazo a este vídeo o sigue leyendo más abajo.
¿Qué es una aplicación de Webflow Cloud?
Una aplicación de Webflow Cloud no es un formato especial con el sello de Webflow. Cuando los frameworks de JavaScript se apoderaron de todo (sí, llevo un tiempo en el desarrollo web), cada proyecto web se convirtió en una aplicación. El mismo principio se aplica a las aplicaciones de Webflow Cloud. Cada proyecto de Next.js o Astro es, por definición, una aplicación Cloud cuando lo despliegas en Webflow. ¡Eso es todo!
Si ya estás construyendo en Webflow, Cloud es el hogar natural para tu aplicación full-stack, porque no hay ningún host externo que configurar. La experiencia de desarrollo resulta familiar. Los despliegues están automatizados y se activan mediante git push, y si tu proyecto necesita múltiples entornos, puedes usar ramas de Git.
Qué hay de nuevo: con los tipos de proyectos de aplicación, las aplicaciones de Webflow Cloud ahora pueden vivir en su propio dominio como proyectos independientes, o pueden convivir junto a tus sitios de Webflow existentes.
Independientemente de lo que elijas, tu aplicación Cloud se construye y despliega con código puro y duro.
Cómo empezar con las aplicaciones de Webflow Cloud
Abre el panel de control de tu proyecto, crea una nueva aplicación y conecta tu cuenta de GitHub. Desde aquí puedes traer una aplicación que ya hayas construido o empezar desde cero con una plantilla.
Importar un repositorio existente
Este es el camino que la mayoría de los desarrolladores preferirán. Indica a Webflow el repositorio que contiene tu aplicación de Next.js o Astro, ...
... dale un nombre al proyecto y elige si vivirá en su propio dominio o junto a un sitio de Webflow existente.
Dale a desplegar. Webflow creará tu aplicación y te entregará una URL en vivo. ¡Bienvenido a Webflow Cloud!
O despliega un proyecto inicial con un solo clic
¿Aún no tienes un repositorio? Elige un proyecto inicial de Webflow, selecciona Astro o Next.js, ponle nombre y despliégalo. Obtendrás una aplicación funcional ejecutándose en Webflow que podrás clonar y sobre la cual seguir construyendo.
¡O usa el botón de despliegue con un solo clic!
Cómo empezar desde la terminal
Si prefieres empezar desde la terminal, por supuesto, la CLI de Webflow puede hacer lo mismo.
webflow cloud init # start a new app from a template
webflow cloud deploy # ship a project you've already builtinit crea la estructura de un proyecto inicial (Next.js o Astro) de forma similar a como lo hace la interfaz y lo conecta a un nuevo proyecto en la nube. deploy toma un repositorio que ya hayas creado y lo sube a la nube. En cualquier caso, el resultado es el mismo: tu aplicación se construye en la infraestructura de Webflow y recibes una URL en vivo.
Qué aplicaciones se pueden alojar en Webflow Cloud
Una vez que tu aplicación está desplegada, Cloud te proporciona el entorno de ejecución que esperas, pero también te ofrece algunas ventajas realmente útiles.
Almacenamiento en Webflow Cloud
El almacenamiento viene en tres modalidades. Existe un almacenamiento de clave-valor para sesiones, indicadores de funciones y configuraciones pequeñas. Luego está el almacenamiento de objetos para imágenes, archivos PDF, archivos grandes y cualquier cosa que quieras subir. Y también hay una base de datos SQLite para datos relacionales. Todo está basado en la infraestructura de Cloudflare, pero integrado en Webflow Cloud.
Conecta componentes con DevLink
Cuando decides desplegar tu aplicación en la nube junto a tu sitio de Webflow, no querrás que tus visitantes noten el cambio al pasar del sitio de Webflow a la aplicación. Para cualquiera que use tu sitio, debería sentirse como una experiencia única. ¿Cómo se logra eso?
La respuesta es la exportación con DevLink. Diseñas un componente en tu sitio de Webflow (encabezado, sección principal, pie de página, lo que sea) y DevLink lo exporta como un componente de React. Luego, tu aplicación de Next.js o Astro lo importa como cualquier otro componente.
De esta manera, tus aplicaciones en la nube pueden reutilizar exactamente los mismos componentes que usa tu sitio de marketing porque son, literalmente, componentes de Webflow.
Con el lienzo de Webflow y Webflow Cloud, realmente solo hay una fuente de diseño que impulsa múltiples superficies. El sitio de marketing y todas tus aplicaciones de soporte se mantienen visualmente idénticos, y solo tienes que mantenerlos en un solo lugar. Y no es solo para aplicaciones que viven bajo tu sitio; una aplicación independiente en su propio dominio también puede utilizar esos mismos componentes. ¡Genial!
Más allá de DevLink, lo demás es lo de siempre, y está todo ahí: variables de entorno en texto plano y secretos cifrados, además de registros de ejecución en tiempo real desde producción. Y sin necesidad de configurar servicios adicionales.
Un espacio de trabajo, una plataforma
Eso es Webflow Cloud. Webflow Cloud significa menos herramientas que gestionar. Son aplicaciones personalizadas que conviven con sitios de Webflow y aplicaciones en su propio dominio. Es almacenamiento, variables de entorno, registros y despliegues. Todo eso es Webflow Cloud, disponible hoy mismo en tu espacio de trabajo.
Si tienes una aplicación en Next.js o Astro buscando casa, échale un vistazo a Cloud. Estamos añadiendo soporte para más frameworks constantemente. Mientras tanto, haz un push a main y mira cómo se publica. Es difícil ponerle pegas a ese flujo de trabajo.
