Колко тясно работихте с Next.js? Какви функции използвате?

Работил съм с Next.js по проекти със средна и голяма сложност. Използвам следните функции:

• SSR (Сървърно странично рендиране) за подобряване на SEO и бърз първи рендер.
• Статична генерация (SSG) за страници с рядко променящо се съдържание, което ускорява зареждането.
• API маршрути за създаване на бекенд ендпойнти директно в проекта.
• Динамично маршрутизиране за лесно създаване на страници с параметри.
• Оптимизация на изображения с компонента <Image> за автоматична оптимизация.
• Използване на getStaticProps и getServerSideProps за зареждане на данни по време на билд или при заявка.

Пример за използване на getStaticProps:

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

function Page({ data }) {
  return <div>{data.title}</div>;
}

export default Page;