فروشگاه

storeقالب

صفحه‌ی محصول به سبک فروشگاه‌های ایرانی با گالری، مشخصات، جعبه‌ی فروشنده با گارانتی و ارسال، سبد کشویی و کالاهای مشابه.

فروشگاهمحصولسبد
تمام‌صفحه

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add store
  2. نصب دستی

    محتوای تب «کد» را در components/templates/store.tsx بگذارید. پیش‌نیاز: breadcrumb، price، rating، tabs، sheet، carousel، number-field، badge، button.

    $ npm i lucide-react
    کپی کل فایلregistry json

ساخته‌شده از

استفاده

usage.tsx
1// app/store/page.tsx2import { StorePage } from "@/components/templates/store"34export default function Page() {5  return <StorePage />6}