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: apps/docs/content/ru/docs/01-app/01-getting-started/10-updating-data.mdx
+25-25Lines changed: 25 additions & 25 deletions
Original file line number
Diff line number
Diff line change
@@ -1,33 +1,33 @@
1
1
---
2
-
source-updated-at: 2025-06-01T01:32:20.000Z
3
-
translation-updated-at: 2025-06-02T19:58:22.008Z
2
+
source-updated-at: 2025-06-03T15:30:49.000Z
3
+
translation-updated-at: 2025-06-06T16:44:10.522Z
4
4
title: Как обновлять данные
5
5
nav_title: Обновление данных
6
-
description: Узнайте, как обновлять данные в вашем Next.js приложении.
6
+
description: Узнайте, как обновлять данные в вашем приложении Next.js.
7
7
related:
8
8
title: Справочник API
9
-
description: Узнайте больше о функциях, упомянутых на этой странице, из справочника API.
9
+
description: Узнайте больше о функциях, упомянутых на этой странице, из Справочника API.
10
10
links:
11
11
- app/api-reference/functions/revalidatePath
12
12
- app/api-reference/functions/revalidateTag
13
13
- app/api-reference/functions/redirect
14
14
---
15
15
16
-
Вы можете обновлять данные в Next.js с помощью [Серверных функций (Server Functions)](https://react.dev/reference/rsc/server-functions) React. На этой странице объясняется, как [создавать](#creating-server-functions) и [вызывать](#invoking-server-functions) серверные функции.
16
+
Вы можете обновлять данные в Next.js, используя [Серверные функции (Server Functions)](https://react.dev/reference/rsc/server-functions) React. На этой странице объясняется, как [создавать](#creating-server-functions) и [вызывать](#invoking-server-functions) серверные функции.
17
17
18
18
## Серверные функции
19
19
20
-
Серверная функция — это асинхронная функция, которая выполняется на сервере. Серверные функции по своей природе асинхронны, так как вызываются клиентом через сетевой запрос. Когда они вызываются как часть `action`, их также называют**Серверными действиями (Server Actions)**.
20
+
Серверная функция — это асинхронная функция, выполняемая на сервере. Серверные функции по своей природе асинхронны, так как вызываются клиентом через сетевой запрос. При вызове в рамках `action` они также называются**Серверными действиями (Server Actions)**.
21
21
22
22
По соглашению, `action` — это асинхронная функция, передаваемая в `startTransition`. Серверные функции автоматически оборачиваются в `startTransition`, когда:
23
23
24
-
- Передаются в `<form>` через проп `action`
25
-
- Передаются в `<button>` через проп `formAction`
26
-
- Передаются в `useActionState`
24
+
- Передаются в `<form>` через проп `action`,
25
+
- Передаются в `<button>` через проп `formAction`,
26
+
- Передаются в `useActionState`.
27
27
28
28
## Создание серверных функций
29
29
30
-
Серверную функцию можно определить с помощью директивы [`use server`](https://react.dev/reference/rsc/use-server). Вы можете разместить директиву в начале **асинхронной** функции, чтобы пометить её как серверную, или в начале отдельного файла, чтобы пометить все экспортируемые функции в этом файле.
30
+
Серверную функцию можно определить с помощью директивы [`use server`](https://react.dev/reference/rsc/use-server). Вы можете разместить директиву в начале **асинхронной** функции, чтобы пометить её как серверную, или в начале отдельного файла, чтобы пометить все экспортируемые функции в нём.
@@ -55,21 +55,21 @@ export async function createPost(formData) {
55
55
constcontent=formData.get('content')
56
56
57
57
// Обновление данных
58
-
//Инвалидация кеша
58
+
//Ревалидация кэша
59
59
}
60
60
61
61
exportasyncfunctiondeletePost(formData) {
62
62
'use server'
63
63
constid=formData.get('id')
64
64
65
65
// Обновление данных
66
-
//Инвалидация кеша
66
+
//Ревалидация кэша
67
67
}
68
68
```
69
69
70
70
### Серверные компоненты
71
71
72
-
Серверные функции могут быть встроены в серверные компоненты с помощью директивы`"use server"` в теле функции:
72
+
Серверные функции могут быть встроены в серверные компоненты, если добавить директиву`"use server"` в начало тела функции:
73
73
74
74
```tsx filename="app/page.tsx" switcher
75
75
exportdefaultfunction Page() {
@@ -97,7 +97,7 @@ export default function Page() {
97
97
98
98
### Клиентские компоненты
99
99
100
-
Невозможно определить серверные функции в клиентских компонентах. Однако их можно вызывать из клиентских компонентов, импортируя из файла с директивой `"use server"`:
100
+
Невозможно определить серверные функции в клиентских компонентах. Однако их можно вызывать из клиентских компонентов, импортируя из файла с директивой `"use server"` в начале:
101
101
102
102
```ts filename="app/actions.ts" switcher
103
103
'use server'
@@ -180,7 +180,7 @@ export async function createPost(formData: FormData) {
180
180
const content =formData.get('content')
181
181
182
182
// Обновление данных
183
-
//Инвалидация кеша
183
+
//Ревалидация кэша
184
184
}
185
185
```
186
186
@@ -192,15 +192,15 @@ export async function createPost(formData) {
192
192
constcontent=formData.get('content')
193
193
194
194
// Обновление данных
195
-
//Инвалидация кеша
195
+
//Ревалидация кэша
196
196
}
197
197
```
198
198
199
199
> **Полезно знать:** При передаче в проп `action` серверные функции также называются _Серверными действиями (Server Actions)_.
200
200
201
201
### Обработчики событий
202
202
203
-
Серверную функцию можно вызвать в клиентском компоненте через обработчики событий, такие как`onClick`.
203
+
Серверную функцию можно вызвать в клиентском компоненте через обработчики событий, например`onClick`.
После обновления данных можно инвалидировать кеш Next.js и показать обновлённые данные, вызвав [`revalidatePath`](/docs/app/api-reference/functions/revalidatePath) или [`revalidateTag`](/docs/app/api-reference/functions/revalidateTag) внутри серверной функции:
299
+
После обновления данных можно ревалидировать кэш Next.js и показать обновлённые данные, вызвав [`revalidatePath`](/docs/app/api-reference/functions/revalidatePath) или [`revalidateTag`](/docs/app/api-reference/functions/revalidateTag) внутри серверной функции:
Next.js можно развернуть на любом провайдере, поддерживающем Node.js. Убедитесь, что в вашем `package.json`есть скрипты `"build"` и `"start"`:
20
+
Next.js можно развернуть на любом провайдере, поддерживающем Node.js. Убедитесь, что ваш `package.json`содержит скрипты `"build"` и `"start"`:
21
21
22
22
```json filename="package.json"
23
23
{
@@ -43,7 +43,9 @@ Next.js можно развернуть на любом провайдере, п
43
43
44
44
Next.js можно развернуть на любом провайдере, поддерживающем контейнеры [Docker](https://www.docker.com/). Это включает оркестраторы контейнеров, такие как Kubernetes, или облачные провайдеры, работающие с Docker.
45
45
46
-
Развертывания с Docker поддерживают все функции Next.js. Узнайте, как [настроить их](/docs/app/guides/self-hosting) для вашей инфраструктуры.
46
+
Развертывания в Docker поддерживают все функции Next.js. Узнайте, как [настроить их](/docs/app/guides/self-hosting) для вашей инфраструктуры.
47
+
48
+
> **Примечание для разработки:** Хотя Docker отлично подходит для продакшен-развертываний, для разработки на Mac и Windows рекомендуется использовать локальное окружение (`npm run dev`) вместо Docker для лучшей производительности. [Подробнее об оптимизации локальной разработки](/docs/app/guides/local-development).
47
49
48
50
### Шаблоны
49
51
@@ -57,7 +59,7 @@ Next.js можно развернуть на любом провайдере, п
57
59
58
60
## Статический экспорт
59
61
60
-
Next.js позволяет начать со статического сайта или [одностраничного приложения (SPA)](/docs/app/guides/single-page-applications), а затем при необходимости перейти к использованию функций, требующих сервера.
62
+
Next.js позволяет начать со статического сайта или [одностраничного приложения (SPA)](/docs/app/guides/single-page-applications), а затем при необходимости добавить функции, требующие сервера.
61
63
62
64
Поскольку Next.js поддерживает [статический экспорт](/docs/app/guides/static-exports), его можно развернуть на любом веб-сервере, способном обслуживать статические файлы HTML/CSS/JS. Это включает такие инструменты, как AWS S3, Nginx или Apache.
0 commit comments