Чӣ қадар бо Next.js кор кардаед? Кадом хусусиятҳоро истифода мебаред?

Ман Next.js билан ўрта ва катта миқёсдаги лойиҳаларда ишладим. Қуйидаги хусусиятларни қўллайман:

• SSR (Сервер томондан рендерлаш) SEOни яхшилаш ва тез биринчи рендер учун.
• Статик яратиш (SSG) кам ўзгарувчан мазмунли саҳифалар учун, юклашни тезлаштиради.
• API йўналишлари орқали лойиҳада тўғридан-тўғри бекенд нуқталарини яратиш.
• Динамик routing параметрлар билан саҳифаларни осон яратиш.
• Расм оптимизацияси <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;