CloudCannon — un CMS Git-based popular para static site generators — ha anunciado soporte completo para Astro, con live visual editing listo para configurar en todos los sitios de Astro.
Con este lanzamiento, los usuarios de Astro pueden diseñar y configurar su interfaz de edición ideal para proyectos de Astro nuevos y existentes dentro de CloudCannon, con opciones disponibles para interfaces no-code intuitivas para equipos no técnicos, así como workflows de publicación y revisión para organizaciones grandes.
Para empezar con CloudCannon como tu CMS de Astro, crea una cuenta de CloudCannon y sigue las instrucciones en su Astro Starter Guide. En resumen, necesitarás:
- Sincroniza los archivos de tu sitio de Astro desde GitHub, GitLab, o Bitbucket. Cualquier cambio que hagas en CloudCannon se pushará de vuelta a tu repositorio de Astro.
- Compila y configura tu sitio. (Nota que las CloudCannon Collections se corresponden perfectamente con las Content Collections de Astro.) También puedes configurar tus inputs y estructuras, lo que te permitirá crear page builders o navegaciones configurables para tus sitios.
- Configura el visual editing. Con los visual data previews de CloudCannon y la client-side hydration de Astro puedes escuchar los cambios en CloudCannon y actualizar tu contenido en la página automáticamente. Etiquetar elementos con las visual data bindings de CloudCannon te permite adjuntar una UI directamente a los elementos de la página dentro del Visual Editor del CMS, dando a los usuarios del sitio una interfaz de edición intuitiva.
Para usuarios de Astro con componentes MDX, CloudCannon soporta embedder rich Snippets en contenido Markdown — permitiendo a los editores de contenido usar componentes estructurados sin tocar el código subyacente.
Finalmente, CloudCannon también ha lanzado un nuevo theme de Astro con estilo, Sendit, que viene preconfigurado para live visual editing. Incluye veinte componentes pre-styleados, disponibles tanto en el directorio de Astro Themes, como para despliegue inmediato en CloudCannon.