KO
베타 번역
패키지

@core / kit-store

1.0.1 ▾
인증됨MIT
GitHub

Next.js 온라인 스토어 키트: 카탈로그, 장바구니, Stripe 결제, 주문, 배송, 쿠폰, 검증 리뷰, 계정

코드파일 27개컨텍스트약 1천토큰검사 통과

.genpmignore 적용 후 주입될 정확한 트리입니다. 고정 대상:

src/app/(store)/_components/product-grid.tsx읽기 전용 · 6a45dae
import type { ReactNode } from 'react';
import type { ProductSummary } from '@/lib/catalog';
import { ProductCard } from './product-card';
import './store.css';

export function ProductGrid(p: { title: string; intro?: ReactNode; products: ProductSummary[]; page: number; pages: number; basePath: string; query?: Record<string, string>; filters?: ReactNode }) {
  const href = (n: number) => {
    const q = new URLSearchParams({ ...(p.query ?? {}), ...(n > 1 && { page: String(n) }) });
    const s = q.toString();
    return s ? `${p.basePath}?${s}` : p.basePath;
  };
  return (
    <main className="blk store">
      <h1>{p.title}</h1>
      {p.intro}
      {p.filters}
      {p.products.length ? (
        <ul className="blk-grid blk-grid--4 store-grid" role="list">
          {p.products.map((product) => (
            <li key={product.id}>
              <ProductCard product={product} />
            </li>
          ))}
        </ul>
      ) : (
        <p>No products found.</p>
      )}
      {p.pages > 1 && (
        <nav aria-label="Pagination" className="ui-pagination">
          {p.page > 1 && (
            <a className="ui-button ui-button--sm" href={href(p.page - 1)} rel="prev">
              Previous
            </a>
          )}
          <span aria-current="page">
            Page {p.page} of {p.pages}
          </span>
          {p.page < p.pages && (
            <a className="ui-button ui-button--sm" href={href(p.page + 1)} rel="next">
              Next
            </a>
          )}
        </nav>
      )}
    </main>
  );
}

@core/kit-store 신고

패키지를 신고하려면 GitHub로 로그인하세요.

GitHub로 계속하기