You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/docs/es/basics/astro-components.mdx
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,7 @@ Los componentes de Astro son extremadamente flexibles. Un componente de Astro pu
17
17
18
18
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.
19
19
20
-
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".
20
+
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".
21
21
22
22
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.
@@ -23,7 +23,7 @@ Astro es compatible con los siguientes tipos de archivos en el directorio `src/p
23
23
24
24
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.
25
25
26
-
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/).
26
+
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/).
27
27
28
28
<ReadMore>Lee más sobre [enrutamiento en Astro](/es/guides/routing/)</ReadMore>
29
29
@@ -71,7 +71,7 @@ import MySiteLayout from "../layouts/MySiteLayout.astro";
71
71
72
72
## Páginas Markdown/MDX
73
73
74
-
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.
74
+
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.
75
75
76
76
:::tip
77
77
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.
Copy file name to clipboardExpand all lines: src/content/docs/es/basics/layouts.mdx
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,7 @@ Pero, ¡no hay nada especial acerca de los componentes plantilla! Pueden [acepta
15
15
16
16
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.
17
17
18
-
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).
18
+
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).
Las plantillas son especialmente útiles para páginas de Markdown de lo contrario no tendría ningún estilo de página.
102
102
103
-
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.
103
+
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.
104
104
105
105
Esto no se reconoce como una propiedad especial cuando se utiliza [colecciones de contenido](/es/guides/content-collections/) para consultar y renderizar su contenido.
@@ -190,7 +190,7 @@ Una plantilla Markdown/MDX tendrá acceso a la siguiente información a través
190
190
**`compiledContent()`** - Función asíncrona que devuelve el documento Markdown compilado a una cadena HTML.
191
191
192
192
:::note
193
-
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:**
193
+
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:**
194
194
195
195
* 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()`.
## Llamar a acciones desde componentes Astro y endpoints del servidor
711
711
712
-
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.
712
+
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.
713
713
714
714
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:
0 commit comments