From 43b387be7fe7f9583629ab4c851ee6457c38af21 Mon Sep 17 00:00:00 2001 From: Marcos Corrochano Arroyo Date: Fri, 19 Sep 2025 00:20:57 +0200 Subject: [PATCH] update builderio.mdx --- src/content/docs/es/guides/cms/builderio.mdx | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/src/content/docs/es/guides/cms/builderio.mdx b/src/content/docs/es/guides/cms/builderio.mdx index 8aeb28a34f506..84614186232af 100644 --- a/src/content/docs/es/guides/cms/builderio.mdx +++ b/src/content/docs/es/guides/cms/builderio.mdx @@ -1,6 +1,8 @@ --- title: Builder.io y Astro description: Agrega contenido a tu proyecto de Astro usando el CMS visual de Builder.io +sidebar: + label: Builder.io type: cms service: Builder.io stub: false @@ -170,7 +172,7 @@ Algunas veces las cosas pueden salir mal al configurar la vista previa. Si algo * Asegúrate de que el sitio esté en línea - por ejemplo, tu servidor de desarrollo está en ejecución. * Asegúrate que las URLs coincidan exactamente - la que está en tu proyecto de Astro y la que está configurada en la aplicación de Builder. * Asegúrate que sea la URL completa incluyendo el protocolo, por ejemplo `https://`. -* Si estás trabajando en un entorno virtual como [StackBlitz](https://stackblitz.com/) o [Gitpod](https://www.gitpod.io/), es posible que tengas que copiar y pegar la URL nuevamente cuando reinicies tu espacio de trabajo, ya que esto generalmente genera una nueva URL para tu proyecto. +* Si estás trabajando en un entorno virtual como [IDX](https://idx.dev), [StackBlitz](https://stackblitz.com/), o [Gitpod](https://www.gitpod.io/), es posible que tengas que copiar y pegar la URL nuevamente cuando reinicies tu espacio de trabajo, ya que esto generalmente genera una nueva URL para tu proyecto. Para más ideas, lee [la guía de solución de problemas de Builder](https://www.builder.io/c/docs/guides/preview-url-working). ::: @@ -259,7 +261,7 @@ Crea la página `src/pages/posts/[slug].astro` que [generará dinámicamente una Este archivo debe contener: -- Una función [`getStaticPaths()`](/es/reference/api-reference/#getstaticpaths) para obtener información de `slug` de Builder y crear una ruta estática para cada entrada de blog. +- Una función [`getStaticPaths()`](/es/reference/routing-reference/#getstaticpaths) para obtener información de `slug` de Builder y crear una ruta estática para cada entrada de blog. - Una función `fetch()` a la API de Builder usando el identificador `slug` para devolver el contenido de la entrada y los metadatos (por ejemplo, un `title`). - Un componente `` en la plantilla para renderizar el contenido de la entrada como HTML. @@ -283,14 +285,10 @@ export async function getStaticPaths() { .catch // ...atrapa algunos errores...); (); - return [ - ...posts.map(({ data: { slug, title } }) => [ - { - params: { slug }, - props: { title }, - }, - ]), - ]; + return posts.map(({ data: { slug, title } }) => ({ + params: { slug }, + props: { title }, + })) } const { slug } = Astro.params; const { title } = Astro.props; @@ -324,7 +322,7 @@ const { html: postHTML } = await fetch( ``` :::note -Las variables `builderModel` y `builderAPIpublicKey` deben crearse dos veces, ya que [`getStaticPaths()` se ejecuta en su propio ámbito aislado](/es/reference/api-reference/#getstaticpaths). +Las variables `builderModel` y `builderAPIpublicKey` deben crearse dos veces, ya que [`getStaticPaths()` se ejecuta en su propio ámbito aislado](/es/reference/routing-reference/#getstaticpaths). ::: Ahora cuando hagas clic en un enlace en tu ruta de índice, serás llevado a la página de entrada de blog individual.