NextJS utilisant l'API Django - comment choisir le meilleur modèle

Question

J'utilise GeoDjango sur un Digital Ocean Droplet et je réécris le projet de VueJs vers NextJs hébergés sur Vercel.

Dans Vue, nous avons un modèle de service lié au stockage qui est responsable de l'obtention et de la mise à jour des données.

J'ai trouvé la partie récupération plutôt bonne, mais j'essaie toujours de trouver la meilleure façon de mettre à jour les données.

Comment créer une couche CRUD sans utiliser le dossier API NextJs (je ne veux pas qu'un autre backend appelle mon backend Django).

Dois-je utiliser le contexte ?

Dois-je utiliser un middleware ?

Dois-je créer un service personnalisé ? Alors comment les appeler ? Existe-t-il quelque chose d'équivalent à stocker dans NextJs ?

Je demande parce que je veux éviter l'encombrement puisque maintenant j'utilise fetch POST sur la page. J'utilise NextAuth qui me fournit un contexte avec le jeton jwt.

Merci pour vos conseils

Answer 1

Pour Next.js, vous pouvez utiliser le override pour envoyer des requêtes par proxy à votre backend. Cela vous permet d'accéder aux backends existants à partir d'URL relatives comme s'ils se trouvaient dans des routes API. Vous pouvez le faire explicitement pour chaque route, ou vous pouvez utiliser le modèle d'adoption incrémentielle, qui vérifiera les routes existantes dans votre application Next.js avant de renvoyer la demande par proxy au serveur Django.

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