Slate

Introducción

Slate es un servicio robusto de desarrollo frontend ofrecido por Catalyst que te permite desplegar, previsualizar y lanzar tus aplicaciones web de forma fluida. Ofrece soporte nativo para los siguientes frameworks populares de JavaScript, al mismo tiempo que admite otros frameworks frontend para un despliegue sin complicaciones: Next.js, Angular, Astro, React, SolidJS, Preact, Svelte, Vue, Vite y Nuxt.

Puedes desplegar múltiples aplicaciones frontend dentro de un solo proyecto de Catalyst usando Slate. Para habilitar despliegues instantáneos y automatizados, puedes integrarte con sistemas de control de versiones populares, como GitHub, GitLab o Bitbucket, asegurando que tu código se despliegue directamente desde tus repositorios a Slate. En Slate, todo el proceso desde la compilación hasta el despliegue se optimiza y automatiza internamente usando Catalyst Pipelines.

Conoce más sobre las integraciones Git compatibles.

Slate garantiza tiempos de carga ultrarrápidos y un rendimiento superior para tus aplicaciones web frontend. Además de alojar tus aplicaciones, Slate ofrece ventajas adicionales que incluyen provisión gratuita de SSL, mapeo de dominios personalizados y la capacidad de previsualizar cada despliegue instantáneamente sin tener que verificar la aplicación completa en producción cada vez. Slate proporciona seguridad robusta y fomenta la colaboración optimizada entre desarrolladores. Esta gestión eficiente de despliegues mejora la productividad y permite escalar tus aplicaciones sin esfuerzo.

Despliegues de Slate

Antes de comenzar, repasemos los términos comunes en Slate:

• Un despliegue es el resultado de una compilación exitosa de una aplicación.
• En Slate, una app puede desplegarse a través de un repositorio Git o subiendo archivos. Cada app también puede tener múltiples despliegues dentro de Slate.

En Slate, puedes elegir activar un despliegue manualmente o habilitar despliegues automatizados integrándote con cualquiera de los proveedores Git compatibles.

Puedes desplegar tus aplicaciones de client web construidas con cualquiera de los frameworks anteriores usando cualquiera de los métodos de despliegue compatibles con Slate que se indican a continuación.

1. Integración con un proveedor Git: Para desplegar tu aplicación web usando este método, es obligatorio integrar cualquiera de tus cuentas Git (GitHub, GitLab o Bitbucket) con Catalyst. Después de integrar, puedes elegir cualquiera de los siguientes métodos de despliegue en Slate:

   • Desplegar una plantilla inicial: Para comenzar con Slate, recomendamos encarecidamente este método. Slate ofrece una variedad de plantillas iniciales gratuitas para casos de uso comunes en múltiples frameworks de client. Simplemente elige una plantilla y despliégala en Slate. El código de la plantilla se enviará a tu repositorio Git conectado y se desplegará desde ahí. Conoce más sobre cómo desplegar una plantilla inicial.

   • Desplegar desde tu repositorio privado: Cuando eliges desplegar una aplicación directamente desde tu repositorio Git a Catalyst, Slate detecta automáticamente el framework de tu aplicación y maneja todo el proceso de compilación y despliegue desde su lado. También puedes habilitar la función Auto Deploy, para que cuando se envíen cambios al repositorio conectado, se activen despliegues automáticos. Conoce más sobre cómo desplegar desde tu repositorio privado.

   • Desplegar desde cualquier repositorio público: Este método te permite desplegar rápidamente y ver cualquier aplicación en vivo, usando el código fuente de repositorios públicos desarrollados por otros o de tus propios repositorios públicos. Este método requiere autenticación Git de tu parte. Conoce más sobre cómo desplegar desde tu repositorio público.

2. Carga directa a la consola: Este método te permite desplegar tu aplicación instantáneamente simplemente arrastrando y soltando tus archivos de client en formato zip, habilitando el despliegue en minutos. Conoce más sobre este método.

3. Desplegar usando el Catalyst CLI: Este método requiere que instales el Catalyst CLI y despliegues la aplicación ejecutando una serie de comandos preconfigurados en la terminal. Conoce más sobre este método.

Después de desplegar tu aplicación en Catalyst, Slate genera automáticamente una URL de acceso para tu despliegue. Esta URL apunta a un entorno aislado donde los miembros del equipo pueden previsualizar sus cambios en vivo sin desplegar a producción. También puedes mapear tus propios dominios personalizados con las URLs de acceso generadas, según tus necesidades específicas. Conoce más sobre el mapeo de dominios personalizados en Slate.

Catalyst proporciona certificados SSL gratuitos para todas tus aplicaciones de client alojadas usando Slate. También permite la gestión segura de variables de entorno, proporcionando así alta seguridad para proteger tus datos y aplicaciones. Conoce más sobre cómo se manejan las variables de entorno en Catalyst Slate.

Para comenzar, primero profundizaremos en la arquitectura integral de Catalyst Slate para comprender mejor su flujo de trabajo y funcionalidades.

Flujo de despliegue de Slate

El flujo de trabajo de Catalyst Slate emplea los siguientes procesos:

1. Creación de un despliegue: Puedes elegir desplegar el código fuente de tu aplicación en Catalyst usando cualquiera de los siguientes métodos:

• Acceder al código desde repositorios Git privados o públicos y desplegar usando Slate.
• Desplegar el código fuente de la aplicación subiéndolo directamente a la consola de Catalyst.
• Desplegar la aplicación usando comandos predefinidos en el Catalyst CLI.

2. Cuando se crea el despliegue, Slate maneja automáticamente el proceso de compilación de la aplicación y la aloja en la nube de Catalyst.

3. Slate genera instantáneamente una URL de acceso para tu despliegue.

4. Slate facilita despliegues automáticos en caso de que el despliegue se haya iniciado desde un repositorio Git. Cuando cualquier persona envía cambios al branch o pull request del repositorio vinculado, se activan despliegues individuales en Slate. Esto permite que cada desarrollador vea los cambios en vivo en poco tiempo. Se generarán automáticamente URLs de acceso únicas para cada despliegue.