bagisto headless commerce v3 release

Author: anikesh-webkul

@types/graphql.d.ts

@@ -0,0 +1,5 @@
+declare module '*.graphql' {
+  import { DocumentNode } from 'graphql';
+  const Schema: DocumentNode;
+  export = Schema;
+}

@types/next-auth.d.ts

@@ -0,0 +1,36 @@
+import { DefaultSession } from 'next-auth';
+
+declare module 'next-auth' {
+  /**
+   * Returned by `useSession`, `getSession` and received as a prop on the `SessionProvider` React Context
+   */
+  interface Session {
+    user: {
+      id: string;
+      firstname?: string;
+      lastname?: string;
+      token?: string;
+      accessToken?: string;
+      apiToken?: string;
+      role?: string;
+    } & DefaultSession['user'];
+  }
+
+  interface User {
+    id: string;
+    accessToken?: string;
+    apiToken?: string;
+    role?: string;
+    tokenType?: string;
+    expiresIn?: number;
+  }
+}
+
+declare module 'next-auth/jwt' {
+  interface JWT {
+    accessToken?: string;
+    apiToken?: string;
+    role?: string;
+    id?: string;
+  }
+}

eslint.config.mjs

@@ -1,34 +1,38 @@
-import { defineConfig } from "eslint/config";
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
 
-export default defineConfig([
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
   {
-    plugins: ["unicorn", "react", "jsx-a11y", "unused-imports"],
-    extends: ["next", "prettier"],
-    settings: {
-      react: {
-        version: "detect",
-      },
-    },
+    files: ["src/**/*.{js,jsx,ts,tsx}"],
     rules: {
-      "no-unused-vars": [
+      "@typescript-eslint/no-unused-vars": [
         "error",
         {
-          args: "after-used",
-          caughtErrors: "none",
-          ignoreRestSiblings: true,
-          vars: "all",
           argsIgnorePattern: "^_",
           varsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_",
         },
       ],
-      "prefer-const": "error",
-      "react-hooks/exhaustive-deps": "error",
-      "unicorn/filename-case": [
-        "error",
-        {
-          case: "kebabCase",
-        },
-      ],
+      "no-unused-vars": "off",
+      "no-console": ["warn", { allow: ["warn", "error"] }],
+      "@typescript-eslint/no-explicit-any": "warn",
+      "@typescript-eslint/no-non-null-assertion": "warn",
+      "react-hooks/exhaustive-deps": "warn",
+      "react/no-unescaped-entities": "warn",
+      "@typescript-eslint/no-empty-interface": "warn",
+      "prefer-const": "warn",
+      "no-var": "warn",
     },
   },
+  globalIgnores([
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
 ]);
+
+export default eslintConfig;

hero.ts

@@ -0,0 +1,5 @@
+// hero.ts
+import { heroui } from "@heroui/react";
+// or import from theme package if you are using individual packages.
+// import { heroui } from "@heroui/theme";
+export default heroui();

next.config.ts

@@ -0,0 +1,25 @@
+import { configHeader } from '@/utils/constants';
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  reactStrictMode: true,
+  typescript: {
+    ignoreBuildErrors: false,
+  },
+  images: {
+    unoptimized: true,
+    remotePatterns: [],
+  },
+  async headers() {
+    return configHeader;
+  },
+  compress: true, 
+  experimental: {
+    optimizePackageImports: ["lodash", "date-fns"],
+    serverActions: {
+      bodySizeLimit: "2mb",
+    },
+  },
+};
+
+export default nextConfig;

package.json

@@ -1,91 +1,44 @@
 {
-  "name": "next-app-template",
+  "name": "nextjs-commerce-updated",
+  "version": "0.1.0",
   "private": true,
-  "packageManager": "pnpm@9.0.5",
-  "version": "2.3.0",
-  "engines": {
-    "node": ">=18",
-    "pnpm": ">=8"
-  },
   "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build --turbopack",
+    "dev": "next dev",
+    "build": "NODE_ENV=production eslint . && next build",
     "start": "next start",
-    "lint": "eslint --fix",
-    "test": "pnpm lint && pnpm prettier:check"
+    "lint": "eslint .",
+    "lint:fix": "next lint --fix",
+    "package-version": "npx npm-check-updates"
   },
   "dependencies": {
+    "@apollo/client": "^3.11.10",
     "@heroicons/react": "^2.2.0",
-    "@heroui/accordion": "^2.2.21",
-    "@heroui/alert": "^2.2.24",
-    "@heroui/avatar": "^2.2.20",
-    "@heroui/button": "2.2.24",
-    "@heroui/card": "^2.2.23",
-    "@heroui/checkbox": "^2.3.24",
-    "@heroui/chip": "^2.2.20",
-    "@heroui/code": "2.2.18",
-    "@heroui/drawer": "^2.2.21",
-    "@heroui/input": "2.4.25",
-    "@heroui/kbd": "2.2.19",
-    "@heroui/link": "2.2.21",
-    "@heroui/listbox": "2.3.23",
-    "@heroui/navbar": "2.2.22",
-    "@heroui/popover": "^2.3.24",
-    "@heroui/react": "^2.8.2",
-    "@heroui/scroll-shadow": "^2.3.16",
-    "@heroui/select": "^2.4.25",
-    "@heroui/snippet": "2.2.25",
-    "@heroui/switch": "2.2.22",
-    "@heroui/system": "2.4.20",
-    "@heroui/theme": "2.4.20",
-    "@heroui/tooltip": "^2.2.22",
-    "@react-aria/ssr": "3.9.10",
-    "@react-aria/visually-hidden": "3.8.26",
-    "@reduxjs/toolkit": "^2.8.2",
-    "@tanstack/react-query": "^5.85.5",
-    "clsx": "2.1.1",
-    "framer-motion": "^12.23.12",
-    "graphql": "^16.11.0",
-    "graphql-request": "^7.2.0",
-    "intl-messageformat": "10.7.16",
-    "lru-cache": "^11.1.0",
-    "next": "15.3.1",
-    "next-auth": "^4.24.11",
-    "next-themes": "0.4.6",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-hook-form": "^7.62.0",
-    "react-redux": "^9.2.0",
-    "tailwind-scrollbar": "^4.0.2"
+    "@heroui/accordion": "^2.2.25",
+    "@heroui/drawer": "^2.2.25",
+    "@heroui/react": "^2.8.6",
+    "@heroui/select": "^2.4.29",
+    "@reduxjs/toolkit": "^2.10.1",
+    "@tanstack/react-query": "^5.90.10",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.23.24",
+    "graphql": "^16.12.0",
+    "next": "16.0.10",
+    "next-auth": "^4.24.13",
+    "next-themes": "^0.4.6",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-hook-form": "^7.66.1",
+    "react-redux": "^9.2.0"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.3.2",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.33.0",
-    "@next/eslint-plugin-next": "15.3.4",
-    "@react-types/shared": "3.30.0",
-    "@tailwindcss/postcss": "4.1.11",
-    "@types/node": "20.5.7",
-    "@types/react": "18.3.3",
-    "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "8.34.1",
-    "@typescript-eslint/parser": "8.34.1",
-    "eslint": "^9.34.0",
-    "eslint-config-next": "15.3.4",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "5.2.0",
-    "eslint-plugin-unicorn": "^60.0.0",
-    "eslint-plugin-unused-imports": "4.1.4",
-    "globals": "16.0.0",
-    "postcss": "8.5.6",
-    "prettier": "3.5.3",
-    "tailwind-variants": "2.0.1",
-    "tailwindcss": "4.1.11",
-    "typescript": "5.6.3"
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.10",
+    "tailwindcss": "^4",
+    "ts-node": "^10.9.2",
+    "typescript": "^5"
   }
 }

postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;