Skip to content
Open
Show file tree
Hide file tree
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
2 changes: 1 addition & 1 deletion src/content/docs/es/basics/astro-components.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Los componentes de Astro son extremadamente flexibles. Un componente de Astro pu

Lo más importante que hay que saber sobre los componentes de Astro es que **no se renderizan en el cliente**. Se renderizan en HTML en el momento de la compilación o bajo demanda. Puedes incluir código JavaScript dentro del frontmatter de tu componente, y todo será eliminado de la página final enviada a los navegadores de tus usuarios. El resultado es un sitio más rápido, sin ninguna huella de JavaScript añadida por defecto.

Cuando tu componente Astro necesite interactividad en el lado del cliente, puedes añadir [etiquetas HTML estándar `<script>`](/es/guides/client-side-scripts/) o [componentes UI Framework](/es/guides/framework-components/#hidratando-componentes-interactivos) como "islas cliente".
Cuando tu componente Astro necesite interactividad en el lado del cliente, puedes añadir [etiquetas HTML estándar `<script>`](/es/guides/client-side-scripts/) o [componentes UI Framework](/es/guides/framework-components/#hydrating-interactive-components) como "islas cliente".

Para los componentes que necesitan mostrar contenido personalizado o dinámico, puede aplazar su presentación en el servidor añadiendo una [directiva de servidor] (/es/reference/directives-reference/#directivas-del-servidor). Estas "islas de servidor" renderizarán su contenido cuando esté disponible, sin retrasar la carga completa de la página.

Expand Down
6 changes: 3 additions & 3 deletions src/content/docs/es/basics/astro-pages.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ Astro es compatible con los siguientes tipos de archivos en el directorio `src/p

- [`.astro`](#páginas-de-astro)
- [`.md`](#páginas-markdownmdx)
- `.mdx` (con la [integración de MDX](/es/guides/integrations-guide/mdx/#instalación)) instalada
- `.mdx` (con la [integración de MDX](/es/guides/integrations-guide/mdx/#installation)) instalada
- [`.html`](#páginas-html)
- [`.js`/`.ts`] (como [endpoints](/es/guides/endpoints/))

Expand All @@ -23,7 +23,7 @@ Astro es compatible con los siguientes tipos de archivos en el directorio `src/p

Astro aprovecha una estrategia de enrutamiento llamada **enrutamiento basado en archivos**. Cada archivo `.astro` en la carpeta `src/pages` se convierte en una página o un endpoint en tu proyecto de acuerdo a su ruta.

Un archivo puede generar múltiples páginas usando [enrutamiento dinámico](/es/guides/routing/#rutas-dinámicas). Esto te permite crear páginas incluso si tu contenido está fuera del directorio especial `/pages/`, como en una [colección de contenido](/es/guides/content-collections/) o un [CMS](/es/guides/cms/).
Un archivo puede generar múltiples páginas usando [enrutamiento dinámico](/es/guides/routing/#dynamic-routes). Esto te permite crear páginas incluso si tu contenido está fuera del directorio especial `/pages/`, como en una [colección de contenido](/es/guides/content-collections/) o un [CMS](/es/guides/cms/).

<ReadMore>Lee más sobre [enrutamiento en Astro](/es/guides/routing/)</ReadMore>

Expand Down Expand Up @@ -71,7 +71,7 @@ import MySiteLayout from "../layouts/MySiteLayout.astro";

## Páginas Markdown/MDX

Astro trata los archivos Markdown (`.md`) dentro de `src/pages/` como páginas en tu proyecto. Si tienes la [integración de MDX instalada](/es/guides/integrations-guide/mdx/#instalación), también procesa los archivos MDX (`.mdx`) de la misma manera.
Astro trata los archivos Markdown (`.md`) dentro de `src/pages/` como páginas en tu proyecto. Si tienes la [integración de MDX instalada](/es/guides/integrations-guide/mdx/#installation), también procesa los archivos MDX (`.mdx`) de la misma manera.

:::tip
Considera crear [colecciones de contenido](/es/guides/content-collections/) en lugar de páginas para directorios de archivos Markdown relacionados que comparten una estructura similar, como publicaciones de blog o elementos de productos.
Expand Down
8 changes: 4 additions & 4 deletions src/content/docs/es/basics/layouts.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Pero, ¡no hay nada especial acerca de los componentes plantilla! Pueden [acepta

Sin embargo, si un componente de plantilla contiene una página shell, su elemento `<html>` debe ser el padre de todos los demás elementos en el componente.

Los componentes de plantilla se colocan comúnmente en la carpeta `src/layouts` en tu proyecto, pero esto no es un requisito; puedes elegir ubicarlos en cualquier lugar de tu proyecto. Incluso puedes colocar las plantillas junto a tus páginas mediante [el uso de un prefijo `_` en los nombres de las plantillas](/es/guides/routing/#excluyendo-páginas).
Los componentes de plantilla se colocan comúnmente en la carpeta `src/layouts` en tu proyecto, pero esto no es un requisito; puedes elegir ubicarlos en cualquier lugar de tu proyecto. Incluso puedes colocar las plantillas junto a tus páginas mediante [el uso de un prefijo `_` en los nombres de las plantillas](/es/guides/routing/#excluding-pages).

## Plantilla de ejemplo

Expand Down Expand Up @@ -100,7 +100,7 @@ const { title, description, publishDate, viewCount } = Astro.props;

Las plantillas son especialmente útiles para páginas de Markdown de lo contrario no tendría ningún estilo de página.

Astro proporciona una propiedad especial `layout` en el frontmatter destinada a [archivos individuales `.md` ubicados dentro de `src/pages/` utilizando enrutamiento basado en archivos](/es/guides/markdown-content/#páginas-de-markdown-y-mdx) para especificar qué componente `.astro` utilizar como diseño de página. Este componente le permite proporcionar contenido `<head>` como meta-etiquetas (por ejemplo, `<meta charset="utf-8">`) y estilos para la página Markdown. Por defecto, este componente especificado puede acceder automáticamente a los datos del archivo Markdown.
Astro proporciona una propiedad especial `layout` en el frontmatter destinada a [archivos individuales `.md` ubicados dentro de `src/pages/` utilizando enrutamiento basado en archivos](/es/guides/markdown-content/#individual-markdown-pages) para especificar qué componente `.astro` utilizar como diseño de página. Este componente le permite proporcionar contenido `<head>` como meta-etiquetas (por ejemplo, `<meta charset="utf-8">`) y estilos para la página Markdown. Por defecto, este componente especificado puede acceder automáticamente a los datos del archivo Markdown.

Esto no se reconoce como una propiedad especial cuando se utiliza [colecciones de contenido](/es/guides/content-collections/) para consultar y renderizar su contenido.

Expand Down Expand Up @@ -144,7 +144,7 @@ const { frontmatter } = Astro.props;
</html>
```

Puedes establecer el tipo de una plantilla como [`Props`](/es/guides/typescript/#props-de-componentes) con el ayudante `MarkdownLayoutProps`:
Puedes establecer el tipo de una plantilla como [`Props`](/es/guides/typescript/#component-props) con el ayudante `MarkdownLayoutProps`:

```astro title="src/layouts/BlogPostLayout.astro" ins={2,4-9}
---
Expand Down Expand Up @@ -190,7 +190,7 @@ Una plantilla Markdown/MDX tendrá acceso a la siguiente información a través
**`compiledContent()`** - Función asíncrona que devuelve el documento Markdown compilado a una cadena HTML.

:::note
Una plantilla Markdown tendrá acceso a todas sus [propiedades exportadas](/es/guides/markdown-content/#propiedades-exportadas) del archivo Markdown desde `Astro.props` **con dos diferencias clave:**
Una plantilla Markdown tendrá acceso a todas sus [propiedades exportadas](/es/guides/markdown-content/#importing-markdown) del archivo Markdown desde `Astro.props` **con dos diferencias clave:**

* Información de encabezados (es decir, elementos `h1 -> h6`) están disponibles a través del array `headings`, en lugar de la función `getHeadings()`.

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/es/guides/actions.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -709,7 +709,7 @@ export const onRequest = defineMiddleware(async (context, next) => {

## Llamar a acciones desde componentes Astro y endpoints del servidor

Puedes llamar a acciones directamente desde los scripts de componentes Astro usando el envoltorio `Astro.callAction()` (o `context.callAction()` cuando usas un [endpoint del servidor](/es/guides/endpoints/#endpoints-del-servidor-rutas-de-api)). Esto es común para reutilizar la lógica de tus acciones en otro código del servidor.
Puedes llamar a acciones directamente desde los scripts de componentes Astro usando el envoltorio `Astro.callAction()` (o `context.callAction()` cuando usas un [endpoint del servidor](/es/guides/endpoints/#server-endpoints-api-routes)). Esto es común para reutilizar la lógica de tus acciones en otro código del servidor.

Pasa la acción como primer argumento y cualquier parámetro de entrada como segundo argumento. Esto devuelve los mismos objetos `data` y `error` que recibes al llamar a acciones desde el cliente:

Expand Down
Loading