Работал ли ты с SSR? Что делал — занимался именно SSR, SSG или просто Next.js пользовался?

Да, использовал Next.js для разработки React-приложений с серверным рендерингом и статической генерацией.

Основные применённые фичи:

• SSR (Server-Side Rendering) — для страниц, где важна актуальность данных и SEO. Использовал функцию getServerSideProps для получения данных на сервере при каждом запросе.
• SSG (Static Site Generation) — для страниц с редко меняющимся контентом. Использовал getStaticProps и getStaticPaths для генерации страниц на этапе сборки, что улучшает производительность и снижает нагрузку на сервер.
• API Routes — для создания серверных API внутри Next.js без отдельного backend.
• Image Optimization — компонент next/image для автоматической оптимизации изображений.

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

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

export default function Page({ data }) {
  return <div>{JSON.stringify(data)}</div>;
}

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

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/static-data');
  const data = await res.json();
  return { props: { data }, revalidate: 60 };
}

export default function StaticPage({ data }) {
  return <div>{JSON.stringify(data)}</div>;
}