Next.js / Backend APIs

Schritt 16 von 24

Weiterleitung des Gebietsschemas an Backend-APIs

Wenn ein Next.js-Frontend ein separates Backend aufruft, senden Sie die aktive Altified-Locale mit der Anfrage, damit die Backend-SDKs übersetzte Daten zurückgeben können.

Verwenden altifiedFetch in Ihrem gemeinsam genutzten API-Client. Er leitet das aktuelle Gebietsschema weiter mit Accept-Languagealso ein Django-Backend mit django_altified Empfängt die gleiche Sprache wie die aktuelle Next-Route.

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

Wenn Ihre App Axios verwendet, binden Sie den Altified-Interceptor stattdessen an die gemeinsam genutzte Axios-Instanz an.

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

Verwenden Sie einen gemeinsam genutzten Client.

Sie sollten nicht jede Anfrage bearbeiten. Fügen Sie den Helfer einmalig dem zentralen Fetch-Wrapper oder der Axios-Instanz hinzu, die Ihre App bereits für Backend-Aufrufe verwendet.