NextJS mit der Django-API – wie man das beste Muster auswählt

Question

Ich verwende GeoDjango auf einem Digital Ocean Droplet und schreibe das Projekt von VueJs auf NextJs um, das auf Vercel gehostet wird.

In Vue verfügen wir über ein speicherbezogenes Servicemodell, das für das Abrufen und Aktualisieren von Daten verantwortlich ist.

Ich fand den Abrufteil ziemlich gut, aber ich versuche immer noch herauszufinden, wie ich die Daten am besten aktualisieren kann.

Wie soll ich eine CRUD-Ebene erstellen, ohne den NextJs-API-Ordner zu verwenden (ich möchte nicht, dass ein anderes Backend mein Django-Backend aufruft).

Sollte ich Kontext verwenden?

Soll ich Middleware verwenden?

Soll ich einen benutzerdefinierten Service erstellen? Wie soll man sie also nennen? Gibt es etwas Äquivalentes zum Speichern in NextJs?

Ich frage, weil ich Unordnung vermeiden möchte, da ich jetzt fetch POST auf der Seite verwende. Ich verwende NextAuth, das mir Kontext mit JWT-Token bietet.

Danke für jeden Tipp

Answer 1

对于 Next.js，您可以使用 重写以将请求代理到您的后端。这样您就可以从相对 URL 访问现有后端，就像它们位于 API 路由中一样。您可以为每个路由明确执行此操作，或者您可以使用增量采用模式，该模式将在将请求代理回 django 服务器之前检查 Next.js 应用程序中的现有路由。

// next.config.js
module.exports = {
  async rewrites() {
    return {
      fallback: [
        {
          source: '/api/:path*',
          destination: `https://your.django.app/api/:path*`,
        },
      ],
    }
  },
}