fix: Resolve build errors and TypeScript issues for Railway deployment

Author: Convert-ToInt32

next.config.ts

@@ -4,9 +4,7 @@ const nextConfig: NextConfig = {
   images: {
     domains: ['images.unsplash.com'],
   },
-  experimental: {
-    serverComponentsExternalPackages: ['@prisma/client'],
-  },
+  serverExternalPackages: ['@prisma/client'],
   output: 'standalone',
 };
 

src/app/api/cart/route.ts

@@ -1,11 +1,10 @@
 import { NextRequest, NextResponse } from "next/server"
-import { getServerSession } from "next-auth"
-import { authOptions } from "@/lib/auth"
+import { auth } from "@/lib/auth"
 import { prisma } from "@/lib/prisma"
 
 export async function GET() {
   try {
-    const session = await getServerSession(authOptions)
+    const session = await auth()
 
     if (!session?.user?.email) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
@@ -44,7 +43,7 @@ export async function GET() {
 
 export async function POST(request: NextRequest) {
   try {
-    const session = await getServerSession(authOptions)
+    const session = await auth()
 
     if (!session?.user?.email) {
       return NextResponse.json({ error: "Unauthorized" }, { status: 401 })
@@ -68,7 +67,7 @@ export async function POST(request: NextRequest) {
     // Add new cart items
     if (items.length > 0) {
       await prisma.cartItem.createMany({
-        data: items.map((item: any) => ({
+        data: items.map((item: { productId: string; quantity: number }) => ({
           userId: user.id,
           productId: item.productId,
           quantity: item.quantity

src/app/products/page.tsx

@@ -7,7 +7,7 @@ import { Notification } from "@/components/Notification";
 import { SearchBar } from "@/components/SearchBar";
 import { FeaturedCarousel } from "@/components/FeaturedCarousel";
 import Image from "next/image";
-import { LoadingSpinner, ProductCardSkeleton, CategorySkeleton } from "@/components/LoadingSpinner";
+import { ProductCardSkeleton, CategorySkeleton } from "@/components/LoadingSpinner";
 import { useEffect, useState } from "react";
 
 interface Product {

src/components/CartButton.tsx

@@ -13,32 +13,32 @@ export function CartButton({ userId }: CartButtonProps) {
   const [cartItemCount, setCartItemCount] = useState(0)
 
   useEffect(() => {
-    loadCartItemCount()
-  }, [userId])
-
-  const loadCartItemCount = async () => {
-    if (userId) {
-      // Load from database for logged-in users
-      try {
-        const response = await fetch('/api/cart')
-        if (response.ok) {
-          const data = await response.json()
-          const count = data.reduce((total: number, item: any) => total + item.quantity, 0)
+    const loadCartItemCount = async () => {
+      if (userId) {
+        // Load from database for logged-in users
+        try {
+          const response = await fetch('/api/cart')
+          if (response.ok) {
+            const data = await response.json()
+            const count = data.reduce((total: number, item: { quantity: number }) => total + item.quantity, 0)
+            setCartItemCount(count)
+          }
+        } catch (error) {
+          console.error('Error loading cart count:', error)
+        }
+      } else {
+        // Load from localStorage for non-logged-in users
+        const savedCart = localStorage.getItem('cartzy-cart')
+        if (savedCart) {
+          const cartItems = JSON.parse(savedCart)
+          const count = cartItems.reduce((total: number, item: { quantity: number }) => total + item.quantity, 0)
           setCartItemCount(count)
         }
-      } catch (error) {
-        console.error('Error loading cart count:', error)
-      }
-    } else {
-      // Load from localStorage for non-logged-in users
-      const savedCart = localStorage.getItem('cartzy-cart')
-      if (savedCart) {
-        const cartItems = JSON.parse(savedCart)
-        const count = cartItems.reduce((total: number, item: any) => total + item.quantity, 0)
-        setCartItemCount(count)
       }
     }
-  }
+    
+    loadCartItemCount()
+  }, [userId])
 
   return (
     <>

src/components/Notification.tsx

@@ -22,32 +22,32 @@ export function Notification({ userId }: NotificationProps) {
   const [unreadCount, setUnreadCount] = useState(0)
 
   useEffect(() => {
-    loadNotifications()
-  }, [userId])
-
-  const loadNotifications = async () => {
-    if (userId) {
-      // Load from database for logged-in users
-      try {
-        const response = await fetch('/api/notifications')
-        if (response.ok) {
-          const data = await response.json()
+    const loadNotifications = async () => {
+      if (userId) {
+        // Load from database for logged-in users
+        try {
+          const response = await fetch('/api/notifications')
+          if (response.ok) {
+            const data = await response.json()
+            setNotifications(data)
+            setUnreadCount(data.filter((n: Notification) => !n.read).length)
+          }
+        } catch (error) {
+          console.error('Error loading notifications:', error)
+        }
+      } else {
+        // Load from localStorage for non-logged-in users
+        const savedNotifications = localStorage.getItem('cartzy-notifications')
+        if (savedNotifications) {
+          const data = JSON.parse(savedNotifications)
           setNotifications(data)
           setUnreadCount(data.filter((n: Notification) => !n.read).length)
         }
-      } catch (error) {
-        console.error('Error loading notifications:', error)
-      }
-    } else {
-      // Load from localStorage for non-logged-in users
-      const savedNotifications = localStorage.getItem('cartzy-notifications')
-      if (savedNotifications) {
-        const data = JSON.parse(savedNotifications)
-        setNotifications(data)
-        setUnreadCount(data.filter((n: Notification) => !n.read).length)
       }
     }
-  }
+    
+    loadNotifications()
+  }, [userId])
 
   const markAsRead = async (notificationId: string) => {
     const updatedNotifications = notifications.map(n =>

src/components/ShoppingCart.tsx

@@ -21,33 +21,32 @@ interface ShoppingCartProps {
 
 export function ShoppingCart({ isOpen, onClose, userId }: ShoppingCartProps) {
   const [cartItems, setCartItems] = useState<CartItem[]>([])
-  const [isLoading, setIsLoading] = useState(false)
 
   // Load cart items on mount
   useEffect(() => {
-    loadCartItems()
-  }, [userId])
-
-  const loadCartItems = async () => {
-    if (userId) {
-      // Load from database for logged-in users
-      try {
-        const response = await fetch('/api/cart')
-        if (response.ok) {
-          const data = await response.json()
-          setCartItems(data)
+    const loadCartItems = async () => {
+      if (userId) {
+        // Load from database for logged-in users
+        try {
+          const response = await fetch('/api/cart')
+          if (response.ok) {
+            const data = await response.json()
+            setCartItems(data)
+          }
+        } catch (error) {
+          console.error('Error loading cart:', error)
+        }
+      } else {
+        // Load from localStorage for non-logged-in users
+        const savedCart = localStorage.getItem('cartzy-cart')
+        if (savedCart) {
+          setCartItems(JSON.parse(savedCart))
         }
-      } catch (error) {
-        console.error('Error loading cart:', error)
-      }
-    } else {
-      // Load from localStorage for non-logged-in users
-      const savedCart = localStorage.getItem('cartzy-cart')
-      if (savedCart) {
-        setCartItems(JSON.parse(savedCart))
       }
     }
-  }
+    
+    loadCartItems()
+  }, [userId])
 
   const saveCartItems = async (items: CartItem[]) => {
     if (userId) {
@@ -67,30 +66,7 @@ export function ShoppingCart({ isOpen, onClose, userId }: ShoppingCartProps) {
     }
   }
 
-  const addToCart = async (product: any) => {
-    const existingItem = cartItems.find(item => item.productId === product.id)
-    
-    let newItems: CartItem[]
-    if (existingItem) {
-      newItems = cartItems.map(item =>
-        item.productId === product.id
-          ? { ...item, quantity: item.quantity + 1 }
-          : item
-      )
-    } else {
-      newItems = [...cartItems, {
-        id: Date.now().toString(),
-        productId: product.id,
-        name: product.name,
-        price: product.price,
-        quantity: 1,
-        image: product.images[0]
-      }]
-    }
-    
-    setCartItems(newItems)
-    await saveCartItems(newItems)
-  }
+
 
   const updateQuantity = async (itemId: string, newQuantity: number) => {
     if (newQuantity <= 0) {