Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 9 additions & 11 deletions src/content/docs/es/guides/cms/builderio.mdx
Original file line number Diff line number Diff line change
@@ -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
Expand Down Expand Up @@ -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).
:::
Expand Down Expand Up @@ -259,7 +261,7 @@ Crea la página `src/pages/posts/[slug].astro` que [generará dinámicamente una
</FileTree>

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 `<Fragment />` en la plantilla para renderizar el contenido de la entrada como HTML.

Expand All @@ -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;
Expand Down Expand Up @@ -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.
Expand Down