გამოყენებდით Next.js-ს? რა მიზნით და რა ფუნქციებს იყენებდით (SSR, SSG)?

هو، ما Next.js استعمال ڪيو آهي React ايپليڪيشنن جي ترقي لاءِ، سرور-سائيڊ رينڊرنگ ۽ اسٽيٽڪ جنريشن سان.

مکيه استعمال ٿيل فنڪشنز:

• SSR (سرور-سائيڊ رينڊرنگ) — انهن صفحن لاءِ جتي ڊيٽا جي تازگي ۽ SEO اهم آهي. مون getServerSideProps فنڪشن استعمال ڪيو آهي هر درخواست تي ڊيٽا حاصل ڪرڻ لاءِ.

• SSG (اسٽيٽڪ سائيٽ جنريشن) — انهن صفحن لاءِ جن جو مواد گهٽ تبديل ٿيندو آهي. مون getStaticProps ۽ getStaticPaths استعمال ڪيا آهن، جيڪي صفحا تعمير جي مرحلي ۾ ٺاهيندا آهن، جنهن سان ڪارڪردگي بهتر ٿئي ٿي ۽ سرور تي لوڊ گهٽجي وڃي ٿو.

• API رستا — Next.js اندر سرور-سائيڊ API ٺاهڻ لاءِ، بغير ڪنهن الڳ بيڪ اينڊ جي.

• تصويرن جي اصلاح — 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>;
}