Kur ir labāk veikt pieprasījumus uz backend?

Labākais veids, kā veikt pieprasījumus uz backend, ir izmantot asinhronos metodes kodā:

1. Klienta pusē (pārlūkprogrammā):

   • Ar fetch API vai bibliotēku kā Axios.
   • Piemērots lietotāja interaktivitātei, dinamiskai datu ielādei, formu sūtīšanai.
   • Ļauj veidot SPA (Single Page Applications).
   • Realizēts JavaScript/TypeScript.

   // Piemērs ar fetch
   async function fetchData() {
     try {
       const response = await fetch('/api/data');
       if (!response.ok) {
         throw new Error(`HTTP kļūda! statuss: ${response.status}`);
       }
       const data = await response.json();
       console.log(data);
     } catch (error) {
       console.error('Kļūda, iegūstot datus:', error);
     }
   }
   

2. Servera pusē (piemēram, ar SSR/SSG frameworkiem):

   • Frameworki kā Next.js vai Nuxt.js (paredzēti React un Vue).
   • Dati var tikt iegūti būvniecības laikā (SSG) vai katra pieprasījuma laikā (SSR).
   • Uzlabo SEO un veiktspēju (mazāk "balta ekrāna"), jo lapa tiek renderēta ar datiem.
   • Palīdz izvairīties no CORS problēmām.
   • Piemēri ar Next.js: getStaticProps, getServerSideProps.

   // Piemērs ar 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, // 404 lapa
       };
     }
   
     return {
       props: { data }, // nodot datus kā props lapas komponentam
     };
   }
   

Izvēle ir atkarīga no nepieciešamās interaktivitātes, SEO vajadzībām, lietojumprogrammas veida (SPA, MPA) un izmantotā frameworka. Bieži tiek izmantota šo pieeju kombinācija.