Next.js / Backend APIs

Paso 17 de 25

Reenviar la configuración regional a las API de backend

Cuando un frontend de Next.js llama a un backend independiente, envía la configuración regional Altified activa con la solicitud para que los SDK del backend puedan devolver datos traducidos.

Usar altifiedFetch en su cliente API compartido. Reenvía la configuración regional actual con Accept-Language, por lo que un backend de Django que utiliza django_altified Recibe el mismo idioma que la ruta Next actual.

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

Si tu aplicación utiliza Axios, adjunta el interceptor de Altified a la instancia compartida de Axios.

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

Utilice un cliente compartido

No es necesario editar cada solicitud. Añada la función auxiliar una sola vez al contenedor central de obtención de datos o a la instancia de Axios que su aplicación ya utiliza para las llamadas al servidor.