Backend-ə sorğuları harada etmək daha yaxşıdır…

Backend-ə sorğuları kodda asinxron metodlardan istifadə etməklə ən yaxşı şəkildə həyata keçirmək olar:

İstifadəçi tərəfində (brauzerdə):

fetch API və ya Axios kimi kitabxana ilə.
İstifadəçinin interaktiv hərəkətləri, dinamik məlumat yükləmə, formaların göndərilməsi üçün uyğundur.
SPA (Single Page Applications) yaratmağa imkan verir.
JavaScript/TypeScript-də həyata keçirilir.

// fetch ilə nümunə
async function fetchData() {
  try {
    const response = await fetch('/api/data');
    if (!response.ok) {
      throw new Error(`HTTP xətası! status: ${response.status}`);
    }
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Məlumatların alınmasında xəta:', error);
  }
}

Server tərəfində (məsələn, SSR/SSG framework-ləri ilə):

Next.js və ya Nuxt.js kimi framework-lərdə.
Məlumatlar yığılma zamanı (SSG) və ya hər sorğu zamanı (SSR) əldə edilə bilər.
SEO və performansı yaxşılaşdırır (daha az "ağ ekran"), çünki səhifə məlumatlarla render olunur.
CORS problemlərindən qaçmağa imkan verir.
Next.js-də nümunə metodlar: getStaticProps, getServerSideProps.

// Next.js ilə nümunə (getServerSideProps)
export async function getServerSideProps(context) {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();

  if (!data) {
    return {
      notFound: true, // 404 səhifəsini göstər
    };
  }

  return {
    props: { data }, // Məlumatları səhifə komponentinə props kimi ötür
  };
}

Seçim tələb olunan interaktivlik, SEO ehtiyacları, tətbiqin növü (SPA, MPA) və istifadə olunan framework-ə bağlıdır. Bu yanaşmaların birləşməsi tez-tez istifadə olunur.

Backend-ə sorğuları harada etmək daha yaxşıdır?