Next.js / Backend APIs

Fare un passo 17 Di 25

Inoltra le impostazioni locali alle API di backend

Quando un frontend Next.js chiama un backend separato, invia la lingua Altified attiva con la richiesta in modo che gli SDK del backend possano restituire dati tradotti.

Utilizzo altifiedFetch nel tuo client API condiviso. Inoltra le impostazioni locali correnti con Accept-Language, quindi un backend Django che utilizza django_altified riceve la stessa lingua del percorso successivo corrente.

api/client.js
import { altifiedFetch } from "@altified/next/fetch"; const response = await altifiedFetch(BACKEND_URL + path, { credentials: "include", });

Se la tua app utilizza Axios, collega l'interceptor Altified all'istanza Axios condivisa.

api.js
import axios from "axios"; import { altifiedAxiosInterceptor } from "@altified/next/axios"; const api = axios.create({ baseURL: BACKEND_URL, withCredentials: true, }); altifiedAxiosInterceptor(api);

Utilizzare un client condiviso

Non è necessario modificare ogni singola richiesta. Aggiungi l'helper una sola volta al wrapper fetch centrale o all'istanza Axios che la tua app utilizza già per le chiamate al backend.