create-quickstart-app/templates/ecommerce/(root)/hooks/useCart.ts

CLI tool to generate Next.js projects with various configurations

// hooks/useCart.ts
"use client";

import { useCartStore } from "./../store/cartStore";

export function useCart() {
  const cartStore = useCartStore();

  return {
    // Cart items and state
    cartItems: cartStore.items,
    totalItems: cartStore.getTotalItems(),
    totalAmount: cartStore.getTotalAmount(),
    isEmpty: cartStore.items.length === 0,

    // Methods
    addToCart: cartStore.addItem,
    updateQuantity: cartStore.updateQuantity,
    removeFromCart: cartStore.removeItem,
    clearCart: cartStore.clearCart,
  };
}