რამდენად ახლოს მუშაობდით 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;