Skip to content

Commit

Permalink
i18n(es): Updated astro-components.mdx & docker.mdx (#4062)
Browse files Browse the repository at this point in the history
Co-authored-by: Elian ☕️ <[email protected]>
  • Loading branch information
dreyfus92 and ElianCodes authored Aug 5, 2023
1 parent 8531b36 commit 058fbdc
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 1 deletion.
49 changes: 49 additions & 0 deletions src/content/docs/es/core-concepts/astro-components.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -277,6 +277,55 @@ const { titulo } = Astro.props
</div>
```

### Transferir slots

Los slots pueden ser transferidos a otros componentes. Por ejemplo, cuando se crean plantillas anidadas:

```astro {11,14}
// src/layouts/BaseLayout.astro
---
---
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<slot name="head"/>
</head>
<body>
<slot />
</body>
</html>
```

```astro {7, 8}
// src/layouts/HomeLayout.astro
---
import BaseLayout from "./BaseLayout.astro";
---
<BaseLayout>
<slot name="head" slot="head"/>
<slot />
</BaseLayout>
```

:::note
Los slots con nombre pueden ser transferidos a otro componente usando los atributos `name` y `slot` en una etiqueta `<slot />`
:::

Ahora, los slots por defecto y `head` pasados a `HomeLayout` serán transferidos al componente padre `BaseLayout`.

```astro
// src/pages/index.astro
---
import HomeLayout from "../layouts/HomeLayout.astro";
---
<HomeLayout>
<title slot="head">Astro</title>
<h1>Astro</h1>
</HomeLayout>
```

## Componentes HTML

Expand Down
16 changes: 15 additions & 1 deletion src/content/docs/es/recipes/docker.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,8 @@ Las imágenes y contenedores de Docker se pueden implementar en muchas plataform

Crea un archivo llamado `Dockerfile` en el directorio raíz de tu proyecto. Este archivo contiene las instrucciones para construir tu sitio, las cuales variarán según tus necesidades. Esta guía no puede mostrar todas las opciones posibles, pero te proporcionará puntos de partida para los modos SSR y estático.

Si estás usando otro gestor de paquetes que no sea npm, deberás ajustar los comandos en consecuencia.

### SSR

Este Dockerfile construirá tu sitio y lo servirá utilizando Node.js en el puerto `3000`, por lo tanto, requiere tener instalado el [adaptador de Node](/es/guides/integrations-guide/node/) en tu proyecto de Astro.
Expand Down Expand Up @@ -46,6 +48,18 @@ FROM node:lts-alpine as runtime
```
:::

### Agregar un .dockerignore

Agregar un archivo `.dockerignore` a tu proyecto es una buena práctica. Este archivo describe qué archivos o carpetas deben ignorarse en los comandos `COPY` o `ADD` de Docker, muy similar a cómo funciona `.gitignore`. Esto acelera el proceso de construcción y reduce el tamaño de la imagen final.

```docker title=".dockerignore"
.DS_Store
node_modules
dist
```

Este archivo debe ir en el mismo directorio que el `Dockerfile` en sí. [Lee la documentación de `.dockerignore` para obtener información adicional](https://docs.docker.com/engine/reference/builder/#dockerignore-file).

### Estático

#### Apache (httpd)
Expand Down Expand Up @@ -76,7 +90,7 @@ WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build -- --mode custom
RUN npm run build
FROM nginx:alpine AS runtime
COPY ./nginx/nginx.conf /etc/nginx/nginx.conf
Expand Down

0 comments on commit 058fbdc

Please sign in to comment.