34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
|
---
|
|||
|
|
title: Добавить серверные данные
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# Добавить серверные данные
|
|||
|
|
|
|||
|
|
Инструкция по получению данных в серверных компонентах (RSC) Next.js.
|
|||
|
|
|
|||
|
|
## Прочитай перед началом
|
|||
|
|
|
|||
|
|
- applied/page-level.md — серверные компоненты в App Router
|
|||
|
|
- applied/api.md — API-клиенты
|
|||
|
|
|
|||
|
|
## Шаги
|
|||
|
|
|
|||
|
|
1. Определи где получать данные:
|
|||
|
|
- В `page.tsx` / `layout.tsx` → серверный fetch
|
|||
|
|
- В клиентском компоненте → SWR (→ triggers/develop/add-api-request.md)
|
|||
|
|
|
|||
|
|
2. Создай или расширь серверный API-клиент.
|
|||
|
|
|
|||
|
|
3. Получи данные в серверном компоненте и передай через пропсы.
|
|||
|
|
|
|||
|
|
## Смежные триггеры
|
|||
|
|
|
|||
|
|
- triggers/develop/add-api-request.md — клиентские запросы (SWR)
|
|||
|
|
- triggers/develop/create-page.md — серверный fetch в page.tsx
|
|||
|
|
|
|||
|
|
## Проверь себя
|
|||
|
|
|
|||
|
|
- [ ] Определён тип: серверный fetch или клиентский SWR
|
|||
|
|
- [ ] Типы запроса и ответа описаны
|
|||
|
|
- [ ] Данные передаются через пропсы, не через глобальное состояние
|