بیرونی APIs کو اس میں مربوط کرنا Next.js: RESTful APIs یا GraphQL

Next.js اس سیکشن میں، ہم RESTful APIs یا GraphQL خدمات سے ڈیٹا حاصل کرکے آپ کی درخواست میں بیرونی ڈیٹا کو ضم کرنے کے عمل میں آپ کی رہنمائی کریں گے ۔ بیرونی APIs کو ضم کر کے، آپ اپنی ایپلیکیشن کو حقیقی وقت کے ڈیٹا سے مالا مال کر سکتے ہیں اور صارف کو متحرک تجربہ فراہم کر سکتے ہیں۔

RESTful API سے ڈیٹا حاصل کرنا

RESTful APIs بیرونی ذرائع سے ڈیٹا بازیافت کرنے کا ایک عام طریقہ ہے۔ یہاں یہ ہے کہ آپ اپنی درخواست میں ایک RESTful API سے ڈیٹا کیسے حاصل کر سکتے ہیں Next.js:

بیرونی API سے HTTP درخواستیں کرنے کے لیے fetch API یا لائبریری کا استعمال کریں ۔ axios

جواب کو ہینڈل کریں اور API سے حاصل کردہ ڈیٹا پر کارروائی کریں۔

import axios from 'axios';  
  
function fetchData() {  
  axios.get('https://api.example.com/data')  
    .then(response => {  
      const data = response.data;  
      // Process the data  
    })  
    .catch(error => {  
      console.error(error);  
    });  
}  

GraphQL سروس سے ڈیٹا لانا

GraphQL APIs کے لیے ایک استفسار کی زبان ہے جو آپ کو اس قابل بناتی ہے کہ آپ کو مطلوبہ ڈیٹا کی درخواست کریں۔ GraphQL اپنی درخواست میں کسی سروس سے ڈیٹا حاصل کرنے کے لیے Next.js:

سروس کو سوالات بھیجنے کے لیے GraphQL کلائنٹ لائبریری کا استعمال کریں ۔ apollo-client GraphQL

GraphQL آپ جس ڈیٹا کو بازیافت کرنا چاہتے ہیں اس کی وضاحت کرنے کے لیے استفسار کی وضاحت کریں ۔

import { ApolloClient, InMemoryCache, gql } from '@apollo/client';  
  
const client = new ApolloClient({  
  uri: 'https://graphql.example.com',  
  cache: new InMemoryCache(),  
});  
  
function fetchGraphQLData() {  
  client.query({  
    query: gql`  
      query {  
        posts {  
          title  
          content  
        }  
      }  
    `,  
  })  
    .then(result => {  
      const data = result.data;  
      // Process the data  
    })  
    .catch(error => {  
      console.error(error);  
    });  
}  

نتیجہ

بیرونی APIs کو مربوط کرنا، چاہے RESTful ہو یا GraphQL ، آپ کو مختلف ذرائع سے ڈیٹا تک رسائی حاصل کرنے اور Next.js اپ ٹو ڈیٹ اور متحرک مواد کے ساتھ اپنی ایپلیکیشن کو بہتر بنانے کی اجازت دیتا ہے۔ API انٹیگریشن میں مہارت حاصل کر کے، آپ اپنی ایپلیکیشن میں صارف کے زیادہ بھرپور اور پرکشش تجربات فراہم کر سکتے ہیں۔