Kde je nejlepší provádět požadavky na backend…

Nejlepší způsob, jak provádět požadavky na backend, je použití asynchronních metod v kódu:

Na straně klienta (v prohlížeči):

Pomocí API fetch nebo knihovny jako Axios.
Vhodné pro interaktivní akce uživatele, dynamické načítání dat, odesílání formulářů.
Umožňuje vytvářet SPA (Single Page Applications).
Implementuje se v JavaScriptu/TypeScriptu.

// Příklad s fetch
async function fetchData() {
  try {
    const response = await fetch('/api/data');
    if (!response.ok) {
      throw new Error(`Chyba HTTP! stav: ${response.status}`);
    }
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Chyba při načítání dat:', error);
  }
}

Na straně serveru (například s frameworky SSR/SSG):

V frameworkech jako Next.js nebo Nuxt.js (pro React a Vue).
Data lze získat při sestavení (SSG) nebo při každém požadavku (SSR).
Zlepšuje SEO a výkon (méně "bílých obrazovek"), protože stránka je renderována s daty.
Umožňuje vyhnout se problémům s CORS.
Příklady metod v Next.js: getStaticProps, getServerSideProps.

// Příklad s Next.js (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, // Zobrazit stránku 404
    };
  }

  return {
    props: { data }, // Předat data jako props komponentě stránky
  };
}

Volba závisí na požadované interaktivitě, potřebách SEO, typu aplikace (SPA, MPA) a použitém frameworku. Často se používá kombinace těchto přístupů.

Kde je nejlepší provádět požadavky na backend?