Skip to content

Commit 4e4bea7

Browse files
committed
docs: update documentation translations
1 parent e21d7af commit 4e4bea7

File tree

596 files changed

+78603
-188
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

596 files changed

+78603
-188
lines changed

apps/docs/content/es/docs/01-app/01-getting-started/10-updating-data.mdx

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
---
2-
source-updated-at: 2025-06-01T01:32:20.000Z
3-
translation-updated-at: 2025-06-02T20:02:54.513Z
2+
source-updated-at: 2025-06-03T15:30:49.000Z
3+
translation-updated-at: 2025-06-06T16:38:51.012Z
44
title: Cómo actualizar datos
55
nav_title: Actualización de datos
6-
description: Aprende cómo actualizar datos en tu aplicación Next.js.
6+
description: Aprende a actualizar datos en tu aplicación Next.js.
77
related:
88
title: Referencia de API
9-
description: Obtén más información sobre las características mencionadas en esta página leyendo la Referencia de API.
9+
description: Conoce más sobre las características mencionadas en esta página leyendo la Referencia de API.
1010
links:
1111
- app/api-reference/functions/revalidatePath
1212
- app/api-reference/functions/revalidateTag
1313
- app/api-reference/functions/redirect
1414
---
1515

16-
Puedes actualizar datos en Next.js utilizando las [Funciones del Servidor (Server Functions)](https://react.dev/reference/rsc/server-functions) de React. Esta página explicará cómo puedes [crear](#creando-funciones-del-servidor) e [invocar](#invocando-funciones-del-servidor) Funciones del Servidor.
16+
Puedes actualizar datos en Next.js usando las [Funciones de Servidor (Server Functions)](https://react.dev/reference/rsc/server-functions) de React. Esta página explicará cómo puedes [crear](#creación-de-funciones-de-servidor) e [invocar](#invocación-de-funciones-de-servidor) Funciones de Servidor.
1717

18-
## Funciones del Servidor
18+
## Funciones de Servidor
1919

20-
Una Función del Servidor es una función asíncrona que se ejecuta en el servidor. Las Funciones del Servidor son inherentemente asíncronas porque son invocadas por el cliente mediante una solicitud de red. Cuando se invocan como parte de una `action`, también se les llama **Acciones del Servidor (Server Actions)**.
20+
Una Función de Servidor es una función asíncrona que se ejecuta en el servidor. Las Funciones de Servidor son inherentemente asíncronas porque son invocadas por el cliente mediante una solicitud de red. Cuando se invocan como parte de una `action`, también se les llama **Acciones de Servidor (Server Actions)**.
2121

22-
Por convención, una `action` es una función asíncrona pasada a `startTransition`. Las Funciones del Servidor se envuelven automáticamente con `startTransition` cuando:
22+
Por convención, una `action` es una función asíncrona pasada a `startTransition`. Las Funciones de Servidor se envuelven automáticamente con `startTransition` cuando:
2323

2424
- Se pasan a un `<form>` usando la prop `action`,
2525
- Se pasan a un `<button>` usando la prop `formAction`
2626
- Se pasan a `useActionState`
2727

28-
## Creando Funciones del Servidor
28+
## Creación de Funciones de Servidor
2929

30-
Una Función del Servidor puede definirse usando la directiva [`use server`](https://react.dev/reference/rsc/use-server). Puedes colocar la directiva al inicio de una función **asíncrona** para marcar la función como una Función del Servidor, o al inicio de un archivo separado para marcar todas las exportaciones de ese archivo.
30+
Una Función de Servidor puede definirse usando la directiva [`use server`](https://react.dev/reference/rsc/use-server). Puedes colocar la directiva al inicio de una función **asíncrona** para marcarla como Función de Servidor, o al inicio de un archivo separado para marcar todas las exportaciones de ese archivo.
3131

3232
```ts filename="app/lib/actions.ts" switcher
3333
export async function createPost(formData: FormData) {
@@ -67,13 +67,13 @@ export async function deletePost(formData) {
6767
}
6868
```
6969

70-
### Componentes del Servidor
70+
### Componentes de Servidor
7171

72-
Las Funciones del Servidor pueden incluirse en línea en Componentes del Servidor añadiendo la directiva `"use server"` al inicio del cuerpo de la función:
72+
Las Funciones de Servidor pueden incluirse en línea en Componentes de Servidor añadiendo la directiva `"use server"` al inicio del cuerpo de la función:
7373

7474
```tsx filename="app/page.tsx" switcher
7575
export default function Page() {
76-
// Acción del Servidor
76+
// Acción de Servidor
7777
async function createPost(formData: FormData) {
7878
'use server'
7979
// ...
@@ -85,7 +85,7 @@ export default function Page() {
8585

8686
```jsx filename="app/page.js" switcher
8787
export default function Page() {
88-
// Acción del Servidor
88+
// Acción de Servidor
8989
async function createPost(formData) {
9090
'use server'
9191
// ...
@@ -95,9 +95,9 @@ export default function Page() {
9595
}
9696
```
9797

98-
### Componentes del Cliente
98+
### Componentes de Cliente
9999

100-
No es posible definir Funciones del Servidor en Componentes del Cliente. Sin embargo, puedes invocarlas en Componentes del Cliente importándolas desde un archivo que tenga la directiva `"use server"` al inicio:
100+
No es posible definir Funciones de Servidor en Componentes de Cliente. Sin embargo, puedes invocarlas en Componentes de Cliente importándolas desde un archivo que tenga la directiva `"use server"` al inicio:
101101

102102
```ts filename="app/actions.ts" switcher
103103
'use server'
@@ -131,16 +131,16 @@ export function Button() {
131131
}
132132
```
133133

134-
## Invocando Funciones del Servidor
134+
## Invocación de Funciones de Servidor
135135

136-
Hay dos formas principales de invocar una Función del Servidor:
136+
Hay dos formas principales de invocar una Función de Servidor:
137137

138-
1. [Formularios](#formularios) en Componentes del Servidor y del Cliente
139-
2. [Manejadores de Eventos](#manejadores-de-eventos) en Componentes del Cliente
138+
1. [Formularios](#formularios) en Componentes de Servidor y Cliente
139+
2. [Manejadores de Eventos](#manejadores-de-eventos) en Componentes de Cliente
140140

141141
### Formularios
142142

143-
React extiende el elemento HTML [`<form>`](https://react.dev/reference/react-dom/components/form) para permitir que una Función del Servidor sea invocada con la prop `action` de HTML.
143+
React extiende el elemento HTML [`<form>`](https://react.dev/reference/react-dom/components/form) para permitir que una Función de Servidor sea invocada con la prop `action` de HTML.
144144

145145
Cuando se invoca en un formulario, la función recibe automáticamente el objeto [`FormData`](https://developer.mozilla.org/docs/Web/API/FormData/FormData). Puedes extraer los datos usando los [métodos nativos de `FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData#instance_methods):
146146

@@ -196,11 +196,11 @@ export async function createPost(formData) {
196196
}
197197
```
198198

199-
> **Nota importante:** Cuando se pasan a la prop `action`, las Funciones del Servidor también se conocen como _Acciones del Servidor (Server Actions)_.
199+
> **Nota importante:** Cuando se pasan a la prop `action`, las Funciones de Servidor también se conocen como _Acciones de Servidor (Server Actions)_.
200200
201201
### Manejadores de Eventos
202202

203-
Puedes invocar una Función del Servidor en un Componente del Cliente usando manejadores de eventos como `onClick`.
203+
Puedes invocar una Función de Servidor en un Componente de Cliente usando manejadores de eventos como `onClick`.
204204

205205
```tsx filename="app/like-button.tsx" switcher
206206
'use client'
@@ -213,7 +213,7 @@ export default function LikeButton({ initialLikes }: { initialLikes: number }) {
213213

214214
return (
215215
<>
216-
<p>Me gustas totales: {likes}</p>
216+
<p>Total de Me gusta: {likes}</p>
217217
<button
218218
onClick={async () => {
219219
const updatedLikes = await incrementLike()
@@ -238,7 +238,7 @@ export default function LikeButton({ initialLikes }) {
238238

239239
return (
240240
<>
241-
<p>Me gustas totales: {likes}</p>
241+
<p>Total de Me gusta: {likes}</p>
242242
<button
243243
onClick={async () => {
244244
const updatedLikes = await incrementLike()
@@ -254,23 +254,23 @@ export default function LikeButton({ initialLikes }) {
254254

255255
## Ejemplos
256256

257-
### Mostrando un estado pendiente
257+
### Mostrar un estado pendiente
258258

259-
Mientras se ejecuta una Función del Servidor, puedes mostrar un indicador de carga con el hook [`useActionState`](https://react.dev/reference/react/useActionState) de React. Este hook devuelve un booleano `pending`:
259+
Durante la ejecución de una Función de Servidor, puedes mostrar un indicador de carga con el hook [`useActionState`](https://react.dev/reference/react/useActionState) de React. Este hook devuelve un booleano `pending`:
260260

261261
```tsx filename="app/ui/button.tsx" switcher
262262
'use client'
263263

264-
import { useActionState } from 'react'
264+
import { useActionState, startTransition } from 'react'
265265
import { createPost } from '@/app/actions'
266266
import { LoadingSpinner } from '@/app/ui/loading-spinner'
267267

268268
export function Button() {
269269
const [state, action, pending] = useActionState(createPost, false)
270270

271271
return (
272-
<button onClick={async () => action()}>
273-
{pending ? <LoadingSpinner /> : 'Crear publicación'}
272+
<button onClick={() => startTransition(action)}>
273+
{pending ? <LoadingSpinner /> : 'Crear Publicación'}
274274
</button>
275275
)
276276
}
@@ -279,24 +279,24 @@ export function Button() {
279279
```jsx filename="app/ui/button.js" switcher
280280
'use client'
281281

282-
import { useActionState } from 'react'
282+
import { useActionState, startTransition } from 'react'
283283
import { createPost } from '@/app/actions'
284284
import { LoadingSpinner } from '@/app/ui/loading-spinner'
285285

286286
export function Button() {
287287
const [state, action, pending] = useActionState(createPost, false)
288288

289289
return (
290-
<button onClick={async () => action()}>
291-
{pending ? <LoadingSpinner /> : 'Crear publicación'}
290+
<button onClick={() => startTransition(action)}>
291+
{pending ? <LoadingSpinner /> : 'Crear Publicación'}
292292
</button>
293293
)
294294
}
295295
```
296296

297-
### Revalidando la caché
297+
### Revalidar la caché
298298

299-
Después de realizar una actualización, puedes revalidar la caché de Next.js y mostrar los datos actualizados llamando a [`revalidatePath`](/docs/app/api-reference/functions/revalidatePath) o [`revalidateTag`](/docs/app/api-reference/functions/revalidateTag) dentro de la Función del Servidor:
299+
Después de realizar una actualización, puedes revalidar la caché de Next.js y mostrar los datos actualizados llamando a [`revalidatePath`](/docs/app/api-reference/functions/revalidatePath) o [`revalidateTag`](/docs/app/api-reference/functions/revalidateTag) dentro de la Función de Servidor:
300300

301301
```ts filename="app/lib/actions.ts" switcher
302302
import { revalidatePath } from 'next/cache'
@@ -321,9 +321,9 @@ export async function createPost(formData) {
321321
}
322322
```
323323

324-
### Redireccionando
324+
### Redireccionar
325325

326-
Puedes querer redirigir al usuario a una página diferente después de realizar una actualización. Puedes hacer esto llamando a [`redirect`](/docs/app/api-reference/functions/redirect) dentro de la Función del Servidor:
326+
Puedes redirigir al usuario a una página diferente después de realizar una actualización. Esto se hace llamando a [`redirect`](/docs/app/api-reference/functions/redirect) dentro de la Función de Servidor:
327327

328328
```ts filename="app/lib/actions.ts" switcher
329329
'use server'
Lines changed: 24 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
---
2-
source-updated-at: 2025-06-01T01:32:20.000Z
3-
translation-updated-at: 2025-06-02T20:01:31.245Z
4-
title: Cómo implementar tu aplicación Next.js
5-
nav_title: Implementación
6-
description: Aprende cómo implementar tu aplicación Next.js.
2+
source-updated-at: 2025-06-05T23:52:35.000Z
3+
translation-updated-at: 2025-06-06T16:37:42.475Z
4+
title: Cómo desplegar tu aplicación Next.js
5+
nav_title: Despliegue
6+
description: Aprende cómo desplegar tu aplicación Next.js.
77
---
88

9-
Next.js puede implementarse como un servidor Node.js, contenedor Docker, exportación estática o adaptarse para ejecutarse en diferentes plataformas.
9+
Next.js puede desplegarse como un servidor Node.js, contenedor Docker, exportación estática o adaptarse para ejecutarse en diferentes plataformas.
1010

11-
| Opción de Implementación | Soporte de Funcionalidades |
12-
| -------------------------------- | -------------------------- |
11+
| Opción de despliegue | Soporte de características |
12+
| ---------------------------------- | ------------------------- |
1313
| [Servidor Node.js](#nodejs-server) | Todas |
14-
| [Contenedor Docker](#docker) | Todas |
15-
| [Exportación estática](#static-export) | Limitado |
16-
| [Adaptadores](#adapters) | Depende de la plataforma |
14+
| [Contenedor Docker](#docker) | Todas |
15+
| [Exportación estática](#static-export) | Limitado |
16+
| [Adaptadores](#adapters) | Depende de la plataforma |
1717

1818
## Servidor Node.js
1919

20-
Next.js puede implementarse en cualquier proveedor que soporte Node.js. Asegúrate de que tu `package.json` tenga los scripts `"build"` y `"start"`:
20+
Next.js puede desplegarse en cualquier proveedor que soporte Node.js. Asegúrate de que tu `package.json` tenga los scripts `"build"` y `"start"`:
2121

2222
```json filename="package.json"
2323
{
@@ -29,9 +29,9 @@ Next.js puede implementarse en cualquier proveedor que soporte Node.js. Asegúra
2929
}
3030
```
3131

32-
Luego, ejecuta `npm run build` para construir tu aplicación y `npm run start` para iniciar el servidor Node.js. Este servidor soporta todas las funcionalidades de Next.js. Si es necesario, también puedes optar por un [servidor personalizado](/docs/app/guides/custom-server).
32+
Luego, ejecuta `npm run build` para construir tu aplicación y `npm run start` para iniciar el servidor Node.js. Este servidor soporta todas las características de Next.js. Si es necesario, también puedes migrar a un [servidor personalizado](/docs/app/guides/custom-server).
3333

34-
Las implementaciones con Node.js soportan todas las funcionalidades de Next.js. Aprende cómo [configurarlas](/docs/app/guides/self-hosting) para tu infraestructura.
34+
Los despliegues en Node.js soportan todas las características de Next.js. Aprende cómo [configurarlos](/docs/app/guides/self-hosting) para tu infraestructura.
3535

3636
### Plantillas
3737

@@ -41,9 +41,11 @@ Las implementaciones con Node.js soportan todas las funcionalidades de Next.js.
4141

4242
## Docker
4343

44-
Next.js puede implementarse en cualquier proveedor que soporte contenedores [Docker](https://www.docker.com/). Esto incluye orquestadores de contenedores como Kubernetes o proveedores en la nube que ejecuten Docker.
44+
Next.js puede desplegarse en cualquier proveedor que soporte contenedores [Docker](https://www.docker.com/). Esto incluye orquestadores de contenedores como Kubernetes o proveedores en la nube que ejecuten Docker.
4545

46-
Las implementaciones con Docker soportan todas las funcionalidades de Next.js. Aprende cómo [configurarlas](/docs/app/guides/self-hosting) para tu infraestructura.
46+
Los despliegues con Docker soportan todas las características de Next.js. Aprende cómo [configurarlos](/docs/app/guides/self-hosting) para tu infraestructura.
47+
48+
> **Nota para desarrollo:** Aunque Docker es excelente para despliegues en producción, considera usar desarrollo local (`npm run dev`) en lugar de Docker durante el desarrollo en Mac y Windows para mejor rendimiento. [Aprende más sobre optimización de desarrollo local](/docs/app/guides/local-development).
4749
4850
### Plantillas
4951

@@ -57,26 +59,26 @@ Las implementaciones con Docker soportan todas las funcionalidades de Next.js. A
5759

5860
## Exportación estática
5961

60-
Next.js permite comenzar como un sitio estático o [Aplicación de Página Única (SPA)](/docs/app/guides/single-page-applications), y luego opcionalmente actualizar para usar funcionalidades que requieran un servidor.
62+
Next.js permite comenzar como un sitio estático o [Aplicación de Página Única (SPA)](/docs/app/guides/single-page-applications), y luego actualizar opcionalmente para usar características que requieran un servidor.
6163

62-
Dado que Next.js soporta [exportaciones estáticas](/docs/app/guides/static-exports), puede implementarse y alojarse en cualquier servidor web que pueda servir activos estáticos HTML/CSS/JS. Esto incluye herramientas como AWS S3, Nginx o Apache.
64+
Como Next.js soporta [exportaciones estáticas](/docs/app/guides/static-exports), puede desplegarse y alojarse en cualquier servidor web que pueda servir activos estáticos HTML/CSS/JS. Esto incluye herramientas como AWS S3, Nginx o Apache.
6365

64-
Ejecutarse como una [exportación estática](/docs/app/guides/static-exports) **no soporta** funcionalidades de Next.js que requieran un servidor. [Aprende más](/docs/app/guides/static-exports#unsupported-features).
66+
Ejecutarse como una [exportación estática](/docs/app/guides/static-exports) **no soporta** características de Next.js que requieran un servidor. [Aprende más](/docs/app/guides/static-exports#unsupported-features).
6567

6668
### Plantillas
6769

6870
- [GitHub Pages](https://github.com/nextjs/deploy-github-pages)
6971

7072
## Adaptadores
7173

72-
Next.js puede adaptarse para ejecutarse en diferentes plataformas y aprovechar sus capacidades de infraestructura.
74+
Next.js puede adaptarse para ejecutarse en diferentes plataformas y soportar sus capacidades de infraestructura.
7375

74-
Consulta la documentación de cada proveedor para información sobre las funcionalidades soportadas de Next.js:
76+
Consulta la documentación de cada proveedor para información sobre características soportadas de Next.js:
7577

7678
- [AWS Amplify Hosting](https://docs.amplify.aws/nextjs/start/quickstart/nextjs-app-router-client-components)
7779
- [Cloudflare](https://developers.cloudflare.com/workers/frameworks/framework-guides/nextjs)
7880
- [Deno Deploy](https://docs.deno.com/examples/next_tutorial)
7981
- [Netlify](https://docs.netlify.com/frameworks/next-js/overview/#next-js-support-on-netlify)
8082
- [Vercel](https://vercel.com/docs/frameworks/nextjs)
8183

82-
> **Nota:** Estamos trabajando en una [API de Adaptadores de Implementación](https://github.com/vercel/next.js/discussions/77740) para que todas las plataformas puedan adoptarla. Una vez completada, añadiremos documentación sobre cómo escribir tus propios adaptadores.
84+
> **Nota:** Estamos trabajando en una [API de Adaptadores de Despliegue](https://github.com/vercel/next.js/discussions/77740) para que todas las plataformas puedan adoptarla. Una vez completada, añadiremos documentación sobre cómo escribir tus propios adaptadores.

0 commit comments

Comments
 (0)