Internal Server Error with /api/login and /api/register Links in Production about kinde

[quenginedev]

After digging around in the code and reading the deployment docs, I found that Nuxt does not use the .env file when building for production.

o fix this issue, I used the kinde options in the nuxt.config.ts file as shown below:

export default defineNuxtConfig({
  devtools: { enabled: true },

  nitro: {
    preset: "cloudflare-pages",
  },

  kinde: {
    debug: true,
    password: process.env.NUXT_KINDE_PASSWORD,
    authDomain: process.env.NUXT_KINDE_AUTH_DOMAIN,
    clientId: process.env.NUXT_KINDE_CLIENT_ID,
    redirectURL: process.env.NUXT_KINDE_REDIRECT_URL,
    logoutRedirectURL: process.env.NUXT_KINDE_LOGOUT_REDIRECT_URL,
    postLoginRedirectURL: process.env.NUXT_KINDE_POST_LOGIN_REDIRECT_URL,
    clientSecret: process.env.NUXT_KINDE_CLIENT_SECRET,
    audience: process.env.NUXT_KINDE_AUDIENCE,
  },

  modules: [
    "nitro-cloudflare-dev",
    "nuxt-typed-router",
    "@nuxtjs/tailwindcss",
    "@vueuse/nuxt",
    "@formkit/auto-animate",
    "@nuxtjs/color-mode",
    "dayjs-nuxt",
    "nuxt-icon",
    "@nuxtjs/kinde",
    "./modules/my-app-module",
  ],

  colorMode: {
    classSuffix: "",
    preference: "light",
    fallback: "light",
  },
});

This approach ensures that the environment variables are correctly passed to the Nuxt configuration in production.