> Откуда приходят данные при серверной генерации в Next.js (JavaScript, Next.js)

В серверной генерации (Server-Side Rendering, SSR) данные могут приходить из нескольких источников:

1. Внешние API - через fetch или сторонние библиотеки (например, axios) внутри функций getServerSideProps или getInitialProps. Next.js выполняет эти запросы на сервере перед рендерингом страницы.

2. Базы данных - напрямую подключаясь к БД (PostgreSQL, MongoDB и т.д.) в серверном коде, используя ORM или драйверы.

3. Файловая система - чтение локальных файлов (JSON, Markdown) через fs модуль Node.js, что полезно для статического контента.

4. Кэш или in-memory хранилище - например, Redis, если требуется быстрый доступ к часто запрашиваемым данным.

5. Заголовки запроса и cookies - через объект context.req в getServerSideProps для персонализации данных.

Пример типичного использования:

JAVASCRIPT
export async function getServerSideProps(context) {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();
  return { props: { data } };
}

Важно: все эти данные обрабатываются на сервере, поэтому чувствительная информация (ключи API, пароли) не попадает в клиентский бандл.