Next.js / Backend APIs

Degrau 17 de 25

Encaminhar localidade para APIs de backend

Quando um frontend Next.js chama um backend separado, envia a localidade Altified ativa com o pedido para que os SDKs do backend possam devolver dados traduzidos.

Uso altifiedFetch no seu cliente de API partilhado. Ele encaminha a localidade atual com Accept-Language, depois um backend Django usando django_altified Recebe o mesmo idioma que a rota Next atual.

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

Se a sua aplicação utilizar o Axios, anexe o intercetor Altified à instância Axios partilhada.

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

Utilize um cliente partilhado

Não deve editar todas as requisições. Adicione a função auxiliar uma única vez ao wrapper de pesquisa central ou à instância do Axios que a sua aplicação já utiliza para as chamadas ao backend.