如何用 Next.js 和 Stripe 构建电商网站

项目简介

这是一个完整的电商网站教程，使用 Next.js 15 和 Stripe 支付集成。

技术栈

• 前端: Next.js 15 + React 19
• 支付: Stripe
• 数据库: PostgreSQL
• 部署: Vercel

核心功能

1. 产品展示

export default function ProductList() {
  const products = await getProducts();
  return (
    <div className="grid grid-cols-3 gap-4">
      {products.map(product => (
        <ProductCard key={product.id} product={product} />
      ))}
    </div>
  );
}

[解锁后可查看完整内容...]