production

.env

@@ -4,5 +4,8 @@ NEXT_PUBLIC_AVAILABLE_LANGUAGES=en
 NEXT_PUBLIC_ENABLE_MULTI_LANG=true
 NODE_ENV=production
 NEXT_PUBLIC_REST_API_ENDPOINT=https://mesbahi.nwhco.ir/api
-NEXT_PUBLIC_SITE_URL=https://mesbahi.nwhco.ir:3000
+NEXT_PUBLIC_SITE_URL=https://mesbahi.nwhco.ir:3000/
+# NEXT_PUBLIC_BASE_PATH: '/dashboard'
+
 NEXT_PUBLIC_AUTH_TOKEN_KEY=AUTH_CRED
+NEXT_PUBLIC_BASE_PATH=/dashboard

next.config.js

@@ -11,9 +11,13 @@ const { i18n } = require('./next-i18next.config');
 
 const nextConfig = {
   basePath: '/dashboard',
-  assetPrefix: '/dashboard/',
+  // assetPrefix: '/dashboard/',
   reactStrictMode: true,
+  
   i18n,
+  publicRuntimeConfig: {
+    basePath: '/dashboard',
+  },
   typescript: {
     ignoreBuildErrors: true,
   },

src/components/dashboard/widgets/subscription/subscription.tsx

@@ -3,6 +3,8 @@ import { useGetActiveSubscription } from '@/data/subscription';
 import Image from 'next/image';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import background from '../../../../../public/image/a1.webp';
+
 
 const Subscription: React.FC = () => {
   const { t } = useTranslation('common'); // Specify the namespace if using multiple
@@ -34,7 +36,7 @@ const Subscription: React.FC = () => {
         {' '}
         {/* Use relative positioning for next/image with fill */}
         <Image
-          src="/image/subscriptions/Frame 1000005697.webp"
+          src={background}
           alt="subscription plan"
           layout="fill"
           objectFit="scale-down"

tsconfig.json

@@ -22,6 +22,6 @@
     "skipLibCheck": true,
     "strict": false
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "middleware.js"],
   "exclude": ["node_modules"]
 }