CodersCore

// Next.js App Router with React Server Components
export default async function ProductPage({ 
  params 
}: { 
  params: { slug: string } 
}) {
  const product = await getProduct(params.slug);
  
  return (
    <div className="container mx-auto py-8">
      <ProductGallery images={product.images} />
      <ProductInfo product={product} />
      <AddToCartButton productId={product.id} />
    </div>
  );
}

// Zustand store for cart management
import { create } from 'zustand';
import { persist } from 'zustand/middleware';
 
interface CartStore {
  items: CartItem[];
  addItem: (product: Product) => void;
  removeItem: (productId: string) => void;
  clearCart: () => void;
  total: number;
}
 
export const useCart = create<CartStore>()(
  persist(
    (set, get) => ({
      items: [],
      addItem: (product) => set((state) => ({
        items: [...state.items, { ...product, quantity: 1 }]
      })),
      removeItem: (productId) => set((state) => ({
        items: state.items.filter(item => item.id !== productId)
      })),
      clearCart: () => set({ items: [] }),
      get total() {
        return get().items.reduce(
          (sum, item) => sum + item.price * item.quantity, 
          0
        );
      }
    }),
    { name: 'shopping-cart' }
  )
);

// Next.js API route for order creation
import { NextResponse } from 'next/server';
import { stripe } from '@/lib/stripe';
 
export async function POST(req: Request) {
  const { items, email } = await req.json();
  
  const session = await stripe.checkout.sessions.create({
    payment_method_types: ['card'],
    line_items: items.map(item => ({
      price_data: {
        currency: 'usd',
        product_data: { name: item.name },
        unit_amount: item.price * 100,
      },
      quantity: item.quantity,
    })),
    mode: 'payment',
    success_url: `${origin}/success?session_id={CHECKOUT_SESSION_ID}`,
    cancel_url: `${origin}/cart`,
  });
  
  return NextResponse.json({ sessionId: session.id });
}

// Prisma schema
model Product {
  id          String   @id @default(cuid())
  name        String
  description String
  price       Float
  images      String[]
  category    Category @relation(fields: [categoryId], references: [id])
  categoryId  String
  inStock     Int      @default(0)
  createdAt   DateTime @default(now())
  orders      OrderItem[]
}
 
model Order {
  id        String      @id @default(cuid())
  user      User        @relation(fields: [userId], references: [id])
  userId    String
  items     OrderItem[]
  status    OrderStatus @default(PENDING)
  total     Float
  createdAt DateTime    @default(now())
}